17.jQuery异步ajax

1.1jQuery中的$.ajax({settings})方法
$.ajax({settings});
type:类型，“POST"或"GET”,默认值为"GET"
url:发送请求的地址
async:设置异步，(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，
请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以 执行。
data:是一个对象，连同请求发送到服务器的数据
dataType:预期服务器返回的数据类型,如果不指定，jQuery将自动根据http包MIME信息来智能 判断,
一般我们采用json格式，可以设置为"json"
success:是一个方法，请求成功后的回调函数，传入返回后的数据，以及包含成功代码的字符串
error:是一个方法，请求失败是调用此函数，传入XMLHttpRequest对象
jQuery中ajax方法从服务器上获取数据
例子：{
function jqGetData() {
$.ajax({
type: “get”,
url: “/jQueryAjax/getPersonInfor”,
async:true,
dataType: “json”,//js对象
success: function (data) {
console.log(data);
$("#txtName").val(data.name);
$("#cboSex").val(data.sex);
$("#txtAddress").val(data.address);
}
})
}
}
jQuery中ajax方法将表单数据提交给服务器
1.2表单序列化
serialize() 序列表单内容为字符串，用于 Ajax 请求
serializeArray() 序列化表单元素 (类似 ‘.serialize()’ 方法) 返回 JSON 数据结构数据。
注意：此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作
返回的JSON对象是由一个对象数组组成的，其中每个对象包含一个或两个名值对——name参数和 value参数
例子：{
function jqSubmitForm() {
var name = $("#txtName").val();
var sex = $("#cboSex").val();
var address = $("#txtAddress").val();
if (name == “” || sex == 0 || address == “”) {
alert(“请检查数据是否完成”);
return false;
}
var frmdata = “name=” + name + “&sex=” + sex + “&address=” + address;
var serData = $("#myform").serialize();
var arrData = $("#myform").serializeArray();
console.log(serData);
console.log(arrData);
$.ajax({
type: “post”,
url: “/jQueryAjax/getDataByFormCollection”,
data: arrData,
success: function (msg) {
alert(msg);
},
error: function (xmlhttp) {
console.log(xmlhttp);
}
})
}
}