提交表单的方式

提交表单的方式
提交表单数据的方法:$.post() $.get() .ajax()jQueryAPI3.2.1.ajax() 其相关知识点可在jQuery API3.2.1里面查询 一、.ajax() .ajax(url,[settings])method:GETPOSTurl:async:truefalseAsynchronoussend(string):stringPOST1.ajax(url,[settings]) method:请求的类型:GET或POST url:文件在服务器上的位置 async:true(异步)或false(同步)Asynchronous send(string):将请求发送到服务器 参数说明:string仅用于POST请求 1、回调函数 如果要处理.ajax()得到的数据,则需要使用回调函数。beforeSend、error、dataFilter、success、complete。
 beforeSend 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。
error 在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)
dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据(可能是处理过的)传递给success回调函数。
success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。
complete 当请求完成之后调用这个函数,无论成功或失败。传入XMLHttpRequest对象,以及一个包含成功或错误代码的字符串。
2、保存数据时的数据发送
1、先保存数据:即获取参数 eg:如下
提交表单的方式

2、使用JQuery AJax发送FormData数据
//构建FormData数据
Var form = new FormData();
Form.append(“”,””);
Form.append(“”,””);里面填写的是视图中的表头数据
//请求

提交表单的方式

3、保存数据到服务器,成功时显示信息:
提交表单的方式

4、加载并执行一个JS文件:
提交表单的方式

二、$.post() $.post(url,[data],[callback],[type])
url:待载入页面的URL地址
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。

$.post(“1”,{2},function(msg){3});
第一个参数1:接收数据的路径;@Url.Content("~/")
第二个参数2:要提交的数据,即提交到控制器中的数据;自变量的对象键值对。如果是参数要跟形参对应,如果是实体模型,就要跟模型里面的字段对应
(eg:S_Airport modAirport通过参数modAirport接收实体类S_Airport) {键:值}
第三个参数3:回调函数;
//msg接收控制器方法中返回的对象

三、$.get() $.get(url,[data],[callback],[type])
url:待载入页面的URL地址
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
1、显示test.php返回值(HTML或XML,取决于返回值)。
提交表单的方式

2、显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数。
提交表单的方式