原生ajax请求

最新推荐文章于 2024-12-08 20:47:17 发布

原创

最新推荐文章于 2024-12-08 20:47:17 发布 · 2.8k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了原生Ajax请求的四个步骤，包括创建XMLHttpRequest对象、建立连接、发送请求及监听响应状态。同时，针对IE6以下浏览器与其他浏览器的不同处理方式，即ActiveXObject与XMLHttpRequest对象的使用进行了说明。状态值的变化也做了简要概述。

原生ajax的步骤：

1.创建一个XMLHttpRequest的对象.
2.通过open（）与服务器建立连接。
3.使用send（）来发送请求。
4.使用onreadystatechange事件来监听。如果表示readystate4就说明解析成功，
且status200(状态码成功)，就说明与后台搭建成功。
5.使用responseText来获取服务器返回的数据

兼容：

IE6以下浏览器使用 ActiveXObject，而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。
状态值：0：ajax对象创建完成但是还没有发送
1：ajax对象发送完成，数据还在请求中
2：ajax数据请求完成
3：对于原始数据的处理加密解密的处理
4：完成

//   get请求
         //方法1
        function ajax(type, url, success) {
            if (window.XMLHttpRequest) {
                var oajax = new XMLHttpRequest()
            } else {
                var oajax = new ActiveXObject("Microsoft.XMLHTTP");
            }
            oajax.open(type, url, true);
            oajax.send();
            oajax.onreadystatechange = function () {
                if (oajax.readyState == 4) {
                    if (oajax.status == 200 || oajax.status == 304)

最低0.47元/天解锁文章