位置: 编程技术 - 正文
Jquery揭秘系列:ajax原生js实现详解(推荐)(jquery.validator)
发布时间：2024-02-27推荐整理分享Jquery揭秘系列:ajax原生js实现详解(推荐)(jquery.validator)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery-validation,jquery常用api,jquery-validation,jquery.validator,jquery-validation,jquery-validation,jquery-validation,jquery?,内容如对您有帮助，希望把文章链接给更多的朋友！
讲到ajax这个东西，我们要知道两个对象XMLHTTPRequest和ActiveXObject ，提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。可以同步或异步返回 Web 服务器的响应，并且能以文本或者一个 DOM 文档形式返回内容。XMLHTTPRequest基本上算是标准化了，兼容大部分浏览器ActiveXObject这玩儿意儿是微软的东西，所以是为了兼容IE版本，我们用的只是它的xmlHTTP功能。
为了功能的明确和清晰，我们把这个ajax代码分为5个部分：
&#;对象的创建
&#;onreadystatechange句柄处理
&#;参数拼接
&#;Get功能实现
&#;Post功能实现
1.对象的创建 ：
首先创建用作 XMLHttpRequest 对象的 XMLHttp 变量。把它的值设置为 null。
按照 web 标准创建对象 (Mozilla, Opera 以及 Safari)：XMLHttp=new XMLHttpRequest()
按照微软的方式创建对象，在 Internet Explorer 6 及更高的版本可用：XMLHttp=new ActiveXObject("Msxml2.XMLHTTP")
如果捕获错误，则尝试更老的方法 (Internet Explorer 5.5) ：XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
2.onreadystatechange句柄:
这里面要说一下readyState和status属性。
readyState:
1.创建MLHTTP对象 2.打开与服务器的连接 3.发送指令 4.等待处理请求结果 。
status:
.请求成功 .请求错误。。。还有很多值 ，这里就不一个个说了。
timeout参数是请求过期时间 callback参数，回调对返回数据做了处理，转换成对象。
3.参数拼接
这里是将传入的对象参数拼接成字符窜，用于ajax请求时发送参数。
4.Get功能实现：
get 请求，发送的参数是直接在url上拼接的,而不是在send里面发送，而post方式参数则是在send里面发送。
5.Post功能实现
post这里面多了一段代码：this.xhr.setRequestHeader("content-type", "x-www-form-urlencoded");
这段代码其实是说明将整个发送内容作为一个整体进行编码，get则是单个参数进行编码拼接 ，这也是post和get的区别。
调用方式如下 ：
以上这篇Jquery揭秘系列:ajax原生js实现详解(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。
jquery模拟多级复选框效果的简单实例 今天又次体会到jquery的强大了，做了个多级复选框的效果，代码总共就+行就over了。我又想用js来做一个看看，才写了几个方法就写不动了，兼容性要
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法 本文实例讲述了jQuery数据检索中根据关键字快速定位GridView指定行的实现方法。分享给大家供大家参考，具体如下：运行截图如下：具体代码如下：%@Page
jQuery焦点图轮播插件KinSlideshow用法分析 本文实例讲述了jQuery焦点图轮播插件KinSlideshow用法。分享给大家供大家参考，具体如下：!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""
标签: jquery.validator
本文链接地址:https://www.jiuchutong.com/biancheng/386651.html 转载请保留说明！
![[置顶]
分享一个Android工具下载地址(置顶是怎么弄的)](/img.jpg)
