jQuery对Ajax采用了三层封装,其中最低层的时$.ajax(),中层封装的时$().load(),$.get(),$.ost(),最顶层getScript()和getJSON()。
一、$().load()方法
$().load()方法是局部方法,.load()方法中共有三个参数:url(链接地址)、发送的数据data,回调函数callback
注:第二个参数为非必选参数
1)参数url,可以提供筛选功能
$().load('data/test.html')
$().load('data/test.html .box') 》》》筛选功能
2)data参数传入决定,是否以post方式提交参数是一个对象形式传入
$().load('data/test.html',{data:'admin'})
3)回调函数function(response,status,xhr){}
$().load('data/test.html',{data:'admin'},function(response,status,xhf){})
注:response:返回结果,和页面里内容一样。status:状态,success,或者error。xhr:XMLHttpRequest 》》》一个对象
xhr四个常用属性
属性名 | 说明 |
responseText | 作为相应主题被返回单文本 |
responseXML | 如果响应主题内容类型是"text/html"或"application/xml",则返回包括响应数据的XMLDOM文档 |
status | 响应的HTTP状态码 |
statusText | HTTP状态的说明 |
二、$.get()和$.post()
$.get()和$.post()有四个参数=>url(地址参数,必填),参数data,callback函数,type
注:一般情况下,type都是只能判断,并不需要人为设置,除非需要打印整个的代码,才需要强制类型转化
$.get()和$.post()的差别:$.get()是以get方式提交,$.post()方式是以post方式提交。
1.get方式提交数据是吧数据放在浏览器网址上面的,post是通过http消息,实体提交的。
2.get提交方式有大小限制,限制在2KB,而post方式不收大小限制。
3.get方式因为在浏览器中会被历史记录缓存,所以这种提交数据方式并不安全,post方式没有这种问题。
4.在服务器端(php语言),get方式通过$GET[]方式获取,post通过$POST[]方式获取。
三、$.ajax()方法
getScript()和$.getJSON()
注:有三个参数,与$.get()和$.post()方法,前三个参数相同
getScript()在需要资源的时候加载,是实现资源节约的时候需要用到的一个方法
$.ajax()方法
$.ajax({
url:'链接路径',
type:'post/get',
data:{键:值},
success:function(res){成功时传入的参数}
})
全局函数类型 | 何时被触发 | 参数 | ||
ajaxStart | 在jQuery AJAX函数或命令发起时,但在XHR实例被创建之前 |
|
||
ajaxSend |
|
|
||
ajaxSuccess |
|
|
||
ajaxError |
|
|
||
ajaxComplete |
|
|
||
ajaxStop |
|
|