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){成功时传入的参数}
})
表单序列化 当页面上表单需要提交时,我们如果把数据直接写在data里面工作量会很大,所以出现了表单序列化。 $('form').serialize() 表单序列化是把整个表单内容提取出来,组成一个键值对,并且对URL进行编码。 $.ajaxSetup() ajax初始化对于ajax可以做一个预先设置,减少重复。 $.ajaxSetup({ url:'', type:'post', data:{user:'ddd'} }) $.ajax({ success:function(data){ alert(data) } }) $.param()方法,用来解析对象。 因为浏览器对对象的解析有限,太过复杂的对象无法解析,于是出现了$.param()方法用来解析对象。 alert($.param({ email:'ddd', user:'lll' }))全局函数类型 | 何时被触发 | 参数 | ||
ajaxStart | 在jQuery AJAX函数或命令发起时,但在XHR实例被创建之前 |
|
||
ajaxSend |
|
|
||
ajaxSuccess |
|
|
||
ajaxError |
|
|
||
ajaxComplete |
|
|
||
ajaxStop |
|
|
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。