位置: 编程技术 - 正文

jQuery1.9.1源码分析系列(十六)ajax之ajax框架(jquery开源)

编辑:rootadmin

推荐整理分享jQuery1.9.1源码分析系列(十六)ajax之ajax框架(jquery开源),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery源码实现原理,jquery1.8,jquery fadein 源码,jquery源码分析,jquery animate源码,jquery.min.js源代码,jquery源码是什么水平,jquery源码实现原理,内容如对您有帮助,希望把文章链接给更多的朋友!

AJAX 简介

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

您应当具备的基础知识

在继续学习之前,您需要对下面的知识有基本的了解:

HTML / XHTMLCSSJavaScript / DOM

如果您希望首先学习这些项目,请在我们的首页访问这些教程。

什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。

Google Suggest

在 年,Google 通过其 Google Suggest 使 AJAX 变得流行起来。

Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字时,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。

今天就开始使用 AJAX

AJAX 基于已有的标准。这些标准已被大多数开发者使用多年。

既然是ajax框架,那么闲谈一谈jQuery的ajax处理思路。

  现在的浏览器都支持ajax,只不过不同的浏览器使用方法可能有不同(IE使用new window.ActiveXObject("Microsoft.XMLHTTP"),标准浏览器使用new window.XMLHttpRequest())。如果按照这种思路,貌似jQajax只需要做好兼容处理就行了?

  不是的,原生的ajax有一个说大不大说小不小的缺点——不支持跨域(同源策略由来已久,自行百度)。所以jQajax添加了这方面的处理,jQajax是如何解决跨域问题的?

  <img src="  是能取到图片的,很明显图片的路径和你的服务端不是一个域的。你可以试试看所有的带有src属性的标签都不受同源策略的影响。所以,jQuery就使用了这个属性,对于跨域请求使用script标签的src来请求路径。

  然后jQuery在加上对ajax事件的三种监听方式:

  1.全局事件:$(document).on(‘ajaxStart',func);

  2.ajax设置回调项:$.ajax({url: "php.html", complete: func });

  3.deferred绑定方式:$.ajax(…).done(func);

jQuery1.9.1源码分析系列(十六)ajax之ajax框架(jquery开源)

  基本上这就是jQajax所做的事情。

  在正真进入ajax框架核心之前,先来分析一jQuery准备的几个序列化提交表单的函数。

a. 表单序列化

  所谓的表单序列化即将表单需要提交的内容组成类似:“key=value&key=value…”形式的字符串。

  序列化用到三个函数:

  jQuery.fn. serialize()(序列化函数,筛选出表单中需要提交的数据并以序列化字符串方式返回,形如:“key=value&key=value…”)

  jQuery.fn. serializeArray()(筛选出表单中需要提交的数据并以key/value键值对的对象数组格式返回,返回[{name:'key',value:'select1'},{name:'selectM',value:'selectM1'}, {name:'selectM',value:'selectM2'}, { name:'key2',value:0}…])

  jQuery.param(serializeArray, traditional )(将key/value键值对的对象数组序列化为“key=value&key=value…”字符串)。

  serialize直接调用jQuery.param( this.serializeArray() )即可。

  serializeArray的源码如下:主要进行三个步骤:提取表单元素、过滤出满足提交条件的表单元素、组合成key/value键值对的对象数组

  需要注意的是jQuery的过滤结果符合正常的表单提交结果://过滤出为需要提交的表单元素(有name名称、非disabled元素、非提交按钮等元素、checkbox/radio的checked的元素)

  param函数源码如下:主要进行两个处理:将key/value成作为URI组件编码(保证key和value不会出现特殊符号,即保证了“=”分割的正确性)、使用“&”链接并将空白符被替换成了"+"

  其中encodeURIComponent详细点击查看

b. ajax的事件监听

  给ajax绑定事件有三种方式

  1.全局事件:$(document).on(‘ajaxStart',func);

  2.ajax设置回调项:$.ajax({url: "php.html", complete: func });

  3.deferred绑定方式:$.ajax(…).done(func);

  接下来我们一一讲解他们的实现。

全局事件(ajaxStart/ajaxStop/ajaxComplete/ajaxError/ajaxSuccess/ajaxSend)

  使用.on事件绑定这种通用方式我们毫无疑问是可以绑定ajax监听事件,除此之外还可以直接使用$(…).ajaxStart(func)来绑定事件。他们的实现也是用.on来绑定。

  触发事件比较简单,在进行ajax处理过程中在合适的时机直接使用jQuery.event.trigger直接触发。以ajaxStart为例

ajax设置回调项(beforeSend/complete/success/error)

  触发设置回调项分两种:beforeSend直接在适当的时机调用。源码

deferred方式绑定回调

  Deferred方式绑定事件就不用特别说明了,因为ajax本身就是一个延时对象。直接使用$.ajax(…).done(fn).fail(fn). progress(fn).always(fn).then(fn)。源码

简要了解jQuery移动web开发的响应式布局设计 响应式布局设计是根据用户设备的屏幕分辨率来响应用户设备的一种设计。这意味着,无论用户是在移动、平板还是桌面设备上浏览Web页面,设计都将

jQuery移动web开发之页面跳转和加载外部页面的实现 changePage()页面跳转jQuery.mobile.changePage(to[,options])从一个页面跳转到另一个页面,使用$.mobile对象的changePage方法来实现。但要使用此方式的时候,要以点击

使用jQuery mobile库检测url绝对地址和相对地址的方法 path.isAbsoluteUrl()检测绝对网址jQuery.mobile.path.isAbsoluteUrl(url)如果一个URL是绝对的实用方法。如果URL是绝对的这个函数返回一个布尔值true,否则返回false。!d

标签: jquery开源

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

上一篇:jQuery使用$.ajax进行异步刷新的方法(附demo下载)

下一篇:简要了解jQuery移动web开发的响应式布局设计(jquery操作)

  • 房地产企业增值税计算
  • 收到投资款要交企业所得税吗为什么
  • 外国常驻代表机构办理税务登记
  • 商誉在资产负债表中如何体现
  • 农业机耕开发票税收分类编码是什么
  • 新领的发票怎么导入uk开票系统
  • 偶然所得个税怎么计算公式
  • 坏账准备确认时怎么做账
  • 固定资产折旧方法有几种
  • 库存商品公司自己用怎么下账
  • 承包费收入计入什么科目
  • 销售生产用原材料取得的收入计入什么科目
  • 待处理财产损益借方余额代表什么
  • 个人所得税退税多久到账
  • 小规模红字发票怎么做账务处理
  • 企业所得税月交还是年交
  • 营改增后房地产开发税费一览表
  • 未办理房屋预售许可证怎么处理
  • 工商年报报表
  • 行政单位缴纳罚款如何记账
  • 存货入库后的仓储费记录
  • 免税农产品发票可以抵扣么
  • 小规模附加税申报表填写范本
  • 公司的资产负债表包括
  • 造价咨询暂定级能接业务吗
  • 已抵扣的增值税专票如何冲红
  • 关闭客户端快捷键
  • 企业扶贫有什么优惠政策
  • 一键ghost软件怎么用
  • mac系统屏幕
  • 支付宝安全控件是什么
  • php递归函数详解
  • linux bt命令
  • 对公转账需要填写开户行吗
  • msqry32.exe进程是什么文件 作用是什么 msqry32进程查询
  • 藏红花 (© Hayami Yanagisawa/Getty Images)
  • 差旅费津贴为什么不交个人所得税
  • 企业发生的与日常经营活动无直接关系的各项利得
  • php rtrim
  • 分页page
  • react_router
  • 分享2款CSS3母亲节主题寄语文字动画特效
  • 给对方开发票需要
  • 差旅费可以抵扣嘛
  • 劳务费可以开普票吗
  • 公司控股另一家公司好与坏
  • 物资采购是
  • 企业所得税中资产计税基础怎么填
  • 税费损失
  • 中标服务费可以税前扣除吗
  • 贴现公司贴现合法吗
  • 会计中为什么要用黑色笔写
  • 负债清偿损益明细表计税基础怎么填
  • 税款滞纳金征收比率怎么算
  • 金税盘开完发票可以直接拔掉吗?
  • 压缩sql数据库
  • sql 查询优化
  • 在centOS 7安装mysql 5.7的详细教程
  • skydrive pro
  • 电脑windows怎么查
  • intel x86 arm
  • 安装ubuntu 20.10
  • win10 rs1是什么版本
  • ubuntu 18.04怎么用
  • windows xp 7 10
  • ubuntu配置vsftpd
  • NJeeves.exe - NJeeves进程文件是什么意思 有什么用
  • 如何用python进行数据处理
  • jquery生成div
  • androidstudiosdk
  • css filter blur
  • js中的set
  • 深入理解新发展理念,推进供给侧结构性改革
  • 什么情况下税务局会罚款
  • 四川国家税务局官网
  • 威科先行法律信息库价格
  • 上期留底税额怎么查
  • 可以抵扣的消费税计入什么科目
  • 五四新文化运动究竟新在哪里
  • 朝阳地税局官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设