位置: 编程技术 - 正文

jQuery ajax的功能实现方法详解

编辑:rootadmin

推荐整理分享jQuery ajax的功能实现方法详解,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

jQuery的ajax方法非常好用,这么好的东西,你想拥有一个属于自己的ajax么?接下来,我们来自己做一个简单的ajax吧。

实现功能

由于jq中的ajax方法是用了内置的deferred模块,是Promise模式的一种实现,而我们这里没有讲过,所以我们就不使用这一模式啦。

我们只定义一个ajax方法,他可以简单的get,post,jsonp请求就可以啦~~

我们的ajax方法最后实现的功能如上所示,非常类似于jq。那我们还在等什么,开始吧。

整体思路

我们的ajax方法需要传递一个对象进去,这个对象中我们可以定义一些我们希望的属性,我们就必须初始一下各种属性

以上我们定义了一大串请求有关的数据,接下来我们就开始ajax主体函数的书写,现在的ajax方法是这样了

我们可以想一下,ajax方法传递一个对象进来,我们是不是需要把我们设置的这个对象上的属性来覆盖掉初始化_options上面的那些属性呢,肯定需要。那下面我们先写一个简单的继承,如下:

这个继承方法,我们是把初始化的_options继承到了options,为什么呢?因为我们这个_options对象不在ajax方法内部,我们需要使用它,但我们不能改变他,如果改变了他,下一次使用ajax方法将会崩溃。因此,我们紧紧是把配置的options对象没有的属性设置为初始值。

jQuery ajax的功能实现方法详解

下面,我们就要发送请求了么?等等!好像jsonp请求不是xhr请求啊,他好像是将请求url当做script标签的src值插入到页面body中去实现的,哦,对了,我们先把jsonp请求处理一下再开始建立xhr请求的代码吧。

我们定义了一个_sendJsonpRequest函数,这个函数接收三个参数,第一个是jsonpUrl,第二个是jsonp的回调函数名,第三个是成功回调函数,我们在这个函数内建立一个src为jsonpUrl的script元素插入到body中,同时,确定了回调函数(如果我们定义了jsonpCallback函数就调用它,如果没有就调用success回调,一般情况我们不去定义全局的jsonpCallback函数而传递success回调来完成jsonp请求)。

好,处理好jsonp请求后,我们开始处理xhr请求了。

首先,兼容ie创建xhr对象,XMLHttpRequest构造函数传递参数是无影响,然后我们定义了两个辅助变量:search、param,前者用于get请求的查询字串,后者用于post请求的send内容,我们定义了一个_param方法来讲对象转换为send方法参数的模式,就如你看到的那样,下面我们做了get与post之间合理的search、param的赋值工作。接下来我们就可以发送请求书写最激动人心的内容了。

最终的代码如下

可以看到,我们很熟悉的xhr代码,在这里,我们需要写一个解析返回字串形成json格式对象的方法parseJSON,类似于jq中的parseJSON方法,如上所示。

我们还需要设置超时代码,如果设置了请求超时,我们就如上定义。

注意:上面代码中,由于懒,设置请求头一行并没有判断是否在post请求下,你可以自己设置~~~。

结尾

一个简单的ajax方法就完成了,你是否也完成了呢?如果你懂deferred,你可以尝试着书写为deferred格式,很简单的~~~。

以上所述是小编给大家介绍的jQuery ajax的功能实现方法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

ajax异步请求详解 做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事。既然是ajax就少不了jQuery的知

jquery实现转盘抽奖功能 实现这个其实蛮简单的,转动的效果用的jqueryRotate插件,所以只要判断每个奖荐对应的角度,然后设置指针的转动角度就可以了。比如关键的是jqueryRotat

JQuery ZTree使用方法详解 JQueryZTree简单使用@(JavaScript)[jQuery,ztree,入门]基本概述zTree是一个依靠jQuery实现的多功能树插件。优异的性能、灵活的配置、多种功能的组合是zTree最大优

标签: jQuery ajax的功能实现方法详解

本文链接地址:https://www.jiuchutong.com/biancheng/374058.html 转载请保留说明!

上一篇:Jqprint实现页面打印

下一篇:ajax异步请求详解(ajax的异步是什么意思)

  • 发票丢失第一联盖章能用么
  • 企业季度所得税申报表怎么填写
  • 增值税征税范围及税率
  • 小规模纳税人到底能不能收专票
  • 待处理财产损益借方
  • 初次购买金税盘一般多少钱
  • 工会经费与残保金的取数是一致吗
  • 化粪池合同书
  • 固定资产后续支出可以计入哪些费用
  • 会计凭证负数金额怎么填
  • 科目汇总表会计核算形式
  • 汇算清缴前未取得发票账务处理
  • 退回剩余工程物资计入什么科目
  • 税率与征收率有关系吗
  • 开具出口发票时免税类型怎么选择?
  • 2018年用2015年的发票入账有什么税务的风险?
  • 出差补贴是否缴纳个人所得税 北京
  • 回迁房怎么交税
  • 开具红字专用发票的情形
  • 差额纳税和全额纳税比例
  • 个人所得税怎么交的,怎么算的
  • 公司关门账上的盈余公积怎么处理?
  • 1697508991
  • 加计抵减申报表填写视频
  • 事业单位洗车费如何入账
  • 合并财务报表中的负债和股东权益
  • windows10自带桌面时钟
  • 房地产企业困境
  • 系统之家装机可靠吗
  • PHP:spl_autoload_unregister()的用法_spl函数
  • 外币报表折算差额计入其他综合收益
  • 怎么查发票的真假鉴定
  • 新空调的安装费是多少
  • 注销库存股的会计分录怎么理解
  • phpajax技术
  • php获取数据
  • php 字符串处理函数
  • wx-java
  • css加小手
  • 企业用户怎么在电脑登录
  • 个人所得税汇算清缴时间
  • dedecms转zblog
  • 四舍五入产生的原理
  • 可转债可以不卖吗
  • 跨年发票一般分为哪几类
  • 农产品增值税免税发票怎么抵扣
  • 期末进行存货清查
  • 应计入应付款项的科目
  • 进项税金抵扣
  • 暂估入库的税务怎么处理
  • 无形资产摊销方法应反映其经济利益的预期实现方式
  • 管理会计期末存货量怎么算
  • 利息收入为什么冲减财务费用
  • 工人的工资占企业的比例
  • sql如何截取字段
  • 总结sql执行进展怎么写
  • MySQL timestamp的类型与时区实例详解
  • 断电恢复
  • win8系统启动慢怎么办
  • centos 安装
  • solaris8下载
  • win7看视频黑屏有声音
  • gnaupdaemon.exe是什么
  • win10鼠标箭头怎么换样式
  • xp系统怎么禁止启动项
  • win7win8win10哪个流畅
  • 使用 WinSCP 管理 Linux VPS/服务器上的文件 图文教程
  • w8系统ie浏览器在哪
  • 圣诞老人现在在干嘛
  • Eclipse和AndroidStudio常用快捷键对比
  • jquery的实现原理
  • Shell脚本中不同进制数据转换的例子(二进制、八进制、十六进制、base64)
  • jQuery ajaxSubmit 实现ajax提交表单局部刷新
  • 增值税税率最新
  • 哈尔滨工业大学录取分数线2023年
  • 税务综合办公系统操作手册
  • 东莞国税咨询电话
  • 自助办税服务厅怎么用
  • 浙江税务开票系统
  • 房没交契税和物业维修金房屋预告登记证明可以打印吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设