$.ajax({
async: true,//是否异步
cache: true,//dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。
timeout: 1000,//超时时间,单位毫秒
url: "www.baidu.com",//请求地址
type:"post",//请求类型
contentType: "application/x-www-form-urlencoded",//当发送信息至服务器时,内容编码类型
dataType: "json",//预期服务器返回的数据类型
data: "id=1",//要求为Object或String类型的参数,发送到服务器的数据
context: null,//设置 Ajax 相关回调函数的上下文。让回调函数内 this 指向这个对象(如果不设定这个参数,那么 this 就指向调用本次 AJAX 请求时传递的 options 参数)。比如指定一个 DOM 元素作为 context 参数,这样就设置了 success 回调函数的上下文为这个 DOM 元素。
jsonp: null,//在一个 jsonp 请求中重写回调函数的名字
jsonpCallback: null,//为 jsonp 请求指定一个回调函数名。
password: null,//用于响应 HTTP 访问认证请求的密码
username: null,//用于响应 HTTP 访问认证请求的用户名。
processData: true,//默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
scriptCharset: null,//只有当请求时 dataType 为 "jsonp" 或 "script",并且 type 是 "GET" 才会用于强制修改 charset。通常只在本地和远程的内容编码不同时使用。
traditional: false,//如果你想要用传统的方式来序列化数据,那么就设置为 true。
xhr: function (XMLHttpRequest) { this; },//需要返回一个 XMLHttpRequest 对象。用于重写或者提供一个增强的 XMLHttpRequest 对象。
ifModified: false,//仅在服务器数据改变时获取新数据。
global: true,//设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。
beforeSend: function (XMLHttpRequest) { this; },//发送请求前可以修改XMLHttpRequest对象的函数,true请求,false不请求
dataFilter: function (data, type) { return data },//给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
success: function (data, textStatus) { this; },//请求成功后调用的回调函数
complete: function (XMLHttpRequest, textStatus) { this; },//请求完成后回调函数 (请求成功或失败之后均调用)。
error: function (XMLHttpRequest, textStatus, errorThrown) { this }//请求失败时被调用的函数
});
常见用法:
$.ajax({
async: true,//是否异步
timeout: 1000,//超时时间,单位毫秒
url: "www.baidu.com",//请求地址
type:"post",//请求类型
contentType: "application/x-www-form-urlencoded",//当发送信息至服务器时,内容编码类型
dataType: "json",//预期服务器返回的数据类型
data: "id=1",//要求为Object或String类型的参数,发送到服务器的数据
success: function (data) {
if (data.Result == true) alert("返回成功:" + data.Msg);
else alert("返回失败:" + data.Msg);
},//请求成功后调用的回调函数
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log("状态:" + XMLHttpRequest.status);
console.log("错误:" + textStatus);
}//请求失败时被调用的函数
});