jQuery 对ajax的三层封装

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",//请求
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值