摘抄于《锋利的jQuery》
Ajax(Asynchronous JavaScript and XML):异步JavaScript和XML,它不是指一种单一的技术,而是有机的利用一系列交互式网页应用相关技术形成的结合体。
特点:
1.能在不刷新整个页面的前提下更新数据,这使得Web应用程序能更迅速地回应用户的操作。
2.Ajax模式只是通过XMLHttpRequest对象向服务器端按需发送数据。
3.Ajax的核心是XMLHTTPRequest对象,它是Ajax实现发送异步请求,就收响应以及执行回调的关键。
.ajax()方法该方法是jQuery最底层的Ajax实现。结构为:
.
a
j
a
x
(
)
方
法
该
方
法
是
j
Q
u
e
r
y
最
底
层
的
A
j
a
x
实
现
。
结
构
为
:
.ajax(options),该方法的参数只有一个,但是这个参数对象包含了$ajax()方法请求的设置以及回调函数等信息,参数以key/value的形式存在。
常用的参数有:
参数 | 说明 |
---|---|
1.url(String) | 发送请求的地址(默认为当页的地址) |
2.type(String) | 请求方式:GET、POST等(默认为GET) |
3.data(Objet,String) | 发送到服务器的数据 |
4.timeout(Number) | 设置请求的时间 |
5.dataType(String) | 预期服务器返回的类型 |
6.beforeSend(Function) | 发送请求前可以修改XMLHTTPRequest对象的函数 |
7.compele(Function) | 请求完成后调用的回调函数 |
8.success(Function) | 请求成功后调用的回调函数,有两个参数。(data,textStatus)data:可能是xmlDoc,jsonObj,html,text等 |
9.error(Function) | 请求失败后被调用的函数 |
demo
$.ajax({
url : registerShopUrl,
type : 'POST',
data : formData,
contentType : false,
processData : false,
cache : false,
success : function(data) {
if (data.success) {
///TODO
} else {
//TODO
}
}
});
结合浏览器调试