[知了堂学习笔记]_jQuery Ajax

来源:互联网 发布:淘宝店铺设置自动回复 编辑:程序博客网 时间:2024/06/06 20:46

请关注“知了堂学习社区”,地址:http://www.zhiliaotang.com/portal.php
$.ajax:最低层的Ajax封装
$.get:针对GET请求的Ajax
$.post:针对POST请求的Ajax
$(选择器).load():在网页局部加载Ajax,或者一个页面
$.getJSON():针对返回数据时JSON格式的Ajax
$.getScript():针对返回JS代码
1.$.ajax
1.1语法:$.ajax(url,[setting])
1.2如果要处理$.ajax()得到的数据,则需要使用回调。BeforeSend、error、detaFilter、success、complete
a. beforeSend 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。
b. error在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)
c. dataFilter在请求成功后调用。传入返回的数据以及“dataType”参数的值。并且必须返回新的数据(可能是处理过的)传递给success回调函数。
d. success当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。
e. complete当请求完成之后调用这个函数,无论成功或失败。传入XMLHttpRequest对象,以及一个包含成功或者错误代码的字符串。
1.3 type:请求的格式,GET或POST
1.4 dataType:返回数据类型,JSON或XML…
1.5 data:发送参数
下面我们来看一个demo:
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
注意:标点符号,英文字母不要打错或者漏打!!!!
2.$.get
2.1语法:$.get(url,data,fn,type)
这里写图片描述
这里写图片描述
注意:如上图红框出!!!

原创粉丝点击