AI智能
改变未来

jQuery Ajax总结

jQuery中的$.ajax({settings})方法
$.ajax({settings})
type:类型,“POST\”或\”GET”,默认值为\”GET\”
url:发送请求的地址
async:设置异步,(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选
项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
data:是一个对象,连同请求发送到服务器的数据
dataType:预期服务器返回的数据类型,如果不指定,jQuery将自动根据http包MIME信息来智能判断, 一
般我们采用json格式,可以设置为\”json\”
success:是一个方法,请求成功后的回调函数,传入返回后的数据,以及包含成功代码的字符串
error:是一个方法,请求失败是调用此函数,传入XMLHttpRequest对象

serialize() 序列化表单内容为字符串,用于ajax请求serializeArray() 序列化表单元素 (类似 \'.serialize()\' 方法) 返回 JSON 数据结构数据。注意:此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作,返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数接收数据的方式也是四种,与JavaScript Ajax的接收方式是一样的表单内容:<input id=\"name\">,<select id=\"sex\"></select>,<textarea id=\"address\"></textarea>例://jQuery中ajax方法从服务器上获取数据function jqGetData() {$.ajax({type: \"get\",url: \"/jQueryAjax/getData\",async: true,dataType: \"json\",success: function (data) {//console.log(data);$(\"#name\").val(data.name);$(\"#sex\").val(data.sex);$(\"#address\").val(data.address);}});};//jQuery中ajax方法向服务器提交数据function jqPostData() {var name = $(\"#name\").val();var sex = $(\"#sex\").val();var address = $(\"#address\").val();if (name == \"\" || sex == 0 || address == \"\") {alert(\"数据不完整\");return;}//整合数据的方法:①、②、③var formData = \"name=\" + name + \"&sex=\" + sex + \"&address=\" + address; //①拼接表单数据var serData = $(\"#myForm\").serialize(); //②序列化表单内容为字符串//console.log(serData);var arrData = $(\"#myForm\").serializeArray(); //③序列化表单内容为JSON对象//console.log(arrData);$.ajax({type: \"post\",url: \"/jQueryAjax/postData\",data: formData, //通过字符串拼接处理的表单数据//data: serData, //通过序列化方法处理的表单数据//data: arrData, //通过序列化方法处理的表单数据success: function (data) {alert(data);},error: function (xmlhttp) {console.log(xmlhttp);}});};

jQuery中的.get()方法语法:.get()方法语法:.get()方法语法:.get(url, [data], [callback], [type])
描述:通过远程 HTTP GET 请求载入信息。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可
调用回调函数。如果需要在出错时执行函数,请使用 .ajax。参数说明:url:发送请求的地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式,xml,html,script,json,text,default。例://使用.ajax。参数说明:url:发送请求的地址。data:待发送 Key/value 参数。callback:发送成功时回调函数。type:返回内容格式,xml, html, script, json, text, _default。例://使用.ajax。参数说明:url:发送请求的地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式,xml,html,script,json,text,d​efault。例://使用.get()方法从服务器上获取数据
function getFun() {
$.get(\”/jQueryAjax/getData\”, function (data) {
//console.log(data);
$(\”#name\”).val(data.name);
$(\”#sex\”).val(data.sex);
$(\”#address\”).val(data.address);
},“json”);
};

jQuery中的.post()方法语法:.post()方法语法:.post()方法语法:.post(url, [data], [callback], [type])
描述:通过远程 HTTP POST 请求载入信息。这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时
可调用回调函数。如果需要在出错时执行函数,请使用 .ajax。参数说明:url:发送请求的地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式,xml,html,script,json,text,default。例://使用.ajax。参数说明:url:发送请求的地址。data:待发送 Key/value 参数。callback:发送成功时回调函数。type:返回内容格式,xml, html, script, json, text, _default。例://使用.ajax。参数说明:url:发送请求的地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式,xml,html,script,json,text,d​efault。例://使用.post()方法向服务器提交数据
function postFun() {
var name = $(\”#name\”).val();
var sex = $(\”#sex\”).val();
var address = $(\”#address\”).val();
if (name == “” || sex == 0 || address == “”) {
alert(“数据不完整!”);
return;
}
var fromData = $(\”#myForm\”).serialize();
$.post(\”/jQueryAjax/postData\”, fromData, function (data) {
console.log(data);
});
};

jQuery中的.getJSON()方法语法:.getJSON()方法语法:.getJSON()方法语法:.getJSON(url, [data], [callback])
描述:通过 HTTP GET 请求载入JSON数据
参数说明:
url:发送请求的地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
例:function getJSONFun() {
var name = $(\”#name\”).val();
var sex = $(\”#sex\”).val();
var address = $(\”#address\”).val();
if (name == “” || sex == 0 || address == “”) {
alert(“数据不完整!”);
return;
}
var fromData = KaTeX parse error: Expected \’EOF\’, got \’#\’ at position 3: (\”#̲myForm\”).serial….getJSON()方法只能接受返回值为json的数据,所以服务器返回的值必须是json数据
$.getJSON(\”/jQueryAjax/getJSONData\”, fromData, function (data) {
console.log(data);
});
};
接收方式:public ActionResult getJSONData(string name, string sex, string address)
{
string str = “name:” + name + \” \” + “sex:” + sex + \” \” + “address:” + address;
return Json(str, JsonRequestBehavior.AllowGet);
}

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery Ajax总结