12.1jQuery对Ajax的封装
jQuery中的ajax解决了大部分浏览器的兼容性问题
javascript使用ajax时,需要使用XMLHttpRequest对象,jQuery使用ajax时,也需要使用XMLHttpRequest对象
jQuery对Ajax的第一层次封装 $.ajax()
jQuery对Ajax的第二层次封装 $.get() $.post() load()
jQuery对Ajaxd的第三层次封装$.getJSON() $.getScript()
注意事项
$.get()$.post()中的参数不可以互换位置,不是缺一不可的
$.ajax()中的参数可以互换位置,不是缺一不可的
$.get()/$.post()/$.ajax()会自动将服务器返回的 JSON 字符串转换成 JavaScript 对象
12.2 jQuery对Ajax的第一层次封装
$.ajax()方法
1)用法:$.ajax( { … } ),参数顺序无所谓。
2)参数如下:
①url(string):请求地址。
②type(string):GET/POST。
③data(object/string):请求参数。
④dataType(string):预期服务器返回的数据类型。
A.html:返回的是一个 html 文档。 B.text:返回的是纯文本。
C.json:返回的是 json 字符串。 D.xml: 返回的是一个 Xml 文档。
E.script:返回的是一个 javascript 脚本
⑤success(function): 请求成功后调用的回调函数, 有两个参数 function(data,textStatus),
其中 data 是服务器返回的数据,textStatus 描述状态的字符串。
⑥error(function):请求失败时调用的函数,有三个参数function(xhr,textStatus,errorThrown):
A.xhr:底层的 XMLHttpRequest 对象。 B.textStatus:错误的描述。C.errorThrown:一般为 null。
⑦async:true(缺省,异步)/false(同步)
$.ajax({
url : "/servlet/DemoServlet",//地址
type : "post",//请求