封装jquery ajax函数,jquery中ajax封装原理/封装jquery的ajax工具函数

第一次写博客,如果有些的不对或者不正确的地方,还希望大神们能够批评指正,豌豆拜上!!

Hello,every body!!,豌豆横空出世,哈哈,纠结了很久的第一篇博客即将面世     当当当.....出场自带bgm哟,话说写博客这个事,也不知道能写多久额,给自己一个鼓励的膜拜吧!!

ok,果然刚开始不知道写点啥,尴尬...还是开始正题吧!!

今天给大家分享一下jquery中$.ajax()方法封装的原理,平时数据交互中会经常用到ajax方法,还是很好用的,

但是底层的封装原理如果了解的话,用起来会更得心应手些

jquery中Ajax操作进行了封装,在jquery中$.ajax()方法属于最底层的方法,第二层是load()、$.get()和$.post()方法,

第三层是$.getScript()和$.getJSON()方法。

重点来啦,$.ajax()方法的结构为:$.ajax(options)

该方法只有一个参数,但是在这个对象里包含了$.ajax()方法所需求的请求设置以及回调函数等信息,参数以key/value的形式存在,

所有参数都是可以选的

ajax参数可以有:

1:请求方式:type(get/post)

2:后台接口地址:url(可以从接口文档中查看)

3:通过data把前端传输后台的必要信息传过去:data(如 name = 'wandou' & sex = 'girl')

4:前后端交互的格式:dataType(xml,html,script,json现在最常用的格式之一,jsonp等)

5:发送请求前所要执行的函数:beforeSend:function(){}

6:请求完成后调用的回调函数(请求成功或者失败时均调用)complete:function(){}

7:请求成功后调用的回调函数:success:function(){}

8:请求失败时被调用的函数:error:function(){}

......

还有好多其他的参数,最近常用到这些,就写这些吧,后面的有想要了解的可以在查阅一下其他的资料

$.ajax({

type:'',

url:'',

data:{},

dataType:'',

beforeSend:function(){

},

success:function(){

},

complete:function(){

}

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值