原生ajax

时间:2021-1-8 作者:admin

原生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>
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。