原生ajax请求

你遗憾吗？

于 2021-07-12 19:04:38 发布

阅读量2.8k

点赞数

分类专栏： ajax

本文链接：https://blog.youkuaiyun.com/shitoureng/article/details/118681833

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原生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

最低0.47元/天解锁文章