jQuery版本解析系列文章正式开始,首先从最原始版说起,普及一些基础知识。
AJAX系列文章包括 “JavaScript实现Ajax”,“XMLHttpRequest对象详解”和“contentType与Spring那些事” 等文章。
特此声明:公众号内容更新时间为周一到周五(没有特殊情况)。
上周五发起了关于公众号发送内容的投票,虽然投票人数不多,还是能看的出大家想了解一些关于jQuery版本之间的一些差异。接下来的一段时间会发一些各个版本的更新内容,其中会夹杂部分源码的实现和个人看法。
原来我四级没过的英语水平还是可以和老外进行交流的,jQuery的作者John Resig 是个很容易沟通交流的人。鼓励大家多读源码多和国际友人交流经验。
1.0 -- 1.0.4 版本的更新内容不多:
先来谈一下如何使用原生的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的修改会基于今天的代码。这些代码通俗易懂,相信各位大牛一看就了解