前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery1.0 - jQuery1.0.4 之 JavaScript实现AJAX

jQuery1.0 - jQuery1.0.4 之 JavaScript实现AJAX

作者头像
用户7293182
发布2022-01-06 13:40:01
1.1K0
发布2022-01-06 13:40:01
举报
文章被收录于专栏:jQuery每日经典jQuery每日经典

jQuery版本解析系列文章正式开始,首先从最原始版说起,普及一些基础知识。

AJAX系列文章包括 “JavaScript实现Ajax”,“XMLHttpRequest对象详解”和“contentType与Spring那些事” 等文章。

特此声明:公众号内容更新时间为周一到周五(没有特殊情况)。

上周五发起了关于公众号发送内容的投票,虽然投票人数不多,还是能看的出大家想了解一些关于jQuery版本之间的一些差异。接下来的一段时间会发一些各个版本的更新内容,其中会夹杂部分源码的实现和个人看法。

原来我四级没过的英语水平还是可以和老外进行交流的,jQuery的作者John Resig 是个很容易沟通交流的人。鼓励大家多读源码多和国际友人交流经验。

1.0 -- 1.0.4 版本的更新内容不多:

  1. Extensions to .ajax()..ajax accepts additional options: beforeSend, async and processData;
  2. Extensions to event handling -- pageX, pageY.
  3. FX module(特效模块). 当动画完成时,移除大多数通过动画添加的内联样式。
  4. Improved docs. $(string) 分为两个单独的描述,选择元素和创建动态HTML

先来谈一下如何使用原生的JavaScript 写 ajax请求 (截至1.0.4版本,在本系列文章结束后会给出完整实现)。

1. 所有参数列表:

global: true, //是否触发全局AJAX事件(ajaxStart,ajaxStop等)

ifModified: false,//仅在服务器数据改变时获取新数据

type: "GET",//使用HTTP包Last-Modified头信息和服务器指定的‘etag’来判断

timeout: jQuery.timeout,

complete: null,//function(XHR, TS) 请求完成后的回调函数(成功失败均调用)

success: null,

error: null,

dataType: null,

url: null,

data: null,

contentType: "application/x-www-form-urlencoded",

processData: true,是否希望转化data数据

async: true,//同步异步

beforeSend: null//function(XHR) 发送请求前修改XMLHttpRequest对象

2. 处理数据,判断请求方式。

2.1 jQuery.param方法是将data数据用“&”拼接起来

2.2 创建XMLHttpRequest对象,设置请求头信息

3. 处理请求返回的数据 -- onreadystatechange

4. 处理请求超时

总结: 涉及到的ajax阶段方法有 ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend (开始,停止,完成,错误,成功,发送)。

Ajax的使用方法可以查看API, 后续的对Ajax的修改会基于今天的代码。这些代码通俗易懂,相信各位大牛一看就了解

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2016-08-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 jQuery每日经典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档