原生ajax | 易学教程

原生ajax

ajax依赖XMLHttpRequest对象

   var xhr = new XMLHttpRequest();

xhr 有两个方法

  ①open(‘GET’,url,ture) 请求初始化参数说明: 第一个参数:请求方式(比如get post) 第二个参数: url地址第三个参数: 默认true

    ②send() 发送请求

xhr 有两个状态

    ①readyState

          0 请求未初始化还未调用open方法

          1 调用open方法, 但还没有调用send方法

          2 send方法被调用了请求正在发送…

          3 请求正在处理

          4 请求成功有返回值

    ②status

          200 请求成功

          3xx 重定向资源未找到,又指向另外一个地址

          404 资源未找到客户端错误

          500 服务端错误

    xhr.responseText

          后端返回的数据

<script>
    var xhr = new XMLHttpRequest(); // ajax依赖 XMLHttpRequest对象
        xhr.onreadystatechange = function() {
   
   
            console.log(xhr.readyState);
            console.log(xhr.status);
            if (xhr.readyState === 4 && xhr.status === 200) {
   
   
                console.log(xhr.responseText);
            }
        }
        xhr.open('GET', 'http:10.50.5.75:3000/userList', true);
        xhr.send();
    </script>

来源：oschina

链接：https://my.oschina.net/u/4386652/blog/4888107

标签

XHR

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!