代码示例
<script type="text/javascript">
$.ajax({
type: 'post',
url: '/login',
dataType: 'json',
data: {username: '小李', password: '123456'},
success: function (data) {
console.log(data);
},
error: function (xhr, textStatus, errorThrown) {
/*错误信息处理*/
alert("进入error---");
alert("状态码:" + xhr.status);
alert("状态:" + xhr.readyState); //当前状态,0-未初始化,1-正在载入,2-已经载入,3-数据进行交互,4-完成。
alert("错误信息:" + xhr.statusText);
alert("返回响应信息:" + xhr.responseText);
alert("请求状态:" + textStatus);
alert(errorThrown);
alert("请求失败");
}
})
</script>
常用属性说明
url
String类型的参数,(默认为当前页地址)发送请求的地址。
type
String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。
async
Boolean类型的参数,默认设置为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。
cache
Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。
data
发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式.
dataType
String类型,预期服务器返回的数据类型。
如果不指定,jQuery将自动根据HTTP包MIME信息返回responseXML或responseText,并作为回调函数参数传递。
xml:返回 XML 文档,可用 JQuery 处理。
html:返回纯文本 HTML 信息;包含的 script 标签会在插入 DOM 时执行。
script:返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 cache 参数。注意在远程请求时(不在同一个域下),所有 post 请求都将转为 get 请求。
json:返回 JSON 数据。
jsonp:JSONP 格式。使用 SONP 形式调用函数时,例如 myurl?callback=?,JQuery将自动替换后一个“ ? ”为正确的函数名,以执行回调函数。
text:返回纯文本字符串。
contentType
String类型,发送给服务器的数据格式,即data字段的数据格式。默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合。
success
Function类型的参数,请求成功后调用的回调函数。
error
Function类型的参数,请求失败时被调用的函数。
timeout
要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。
jsonp
String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分