原生ajax

原生ajax四步

  1. 创建一个XMLHttpRequest的实例
let xhr = new XMLHttpRequest();

2.为xhr.onreadystatechange设置事件监听

  xhr.onreadystatechange = function (){

        if(xhr.readyState === 4){
            switch (xhr.status){
                case 200:{
                    console.log(JSON.parse(xhr.responseText));
                    break;
                }
                case 404:{
                    console.log("页面或者资源找不到");
                    break;
                }
            }

        }
    }
  1. 调用xhr.open(请求方式,请求地址,同步异步)
 xhr.open("GET","https://cnodejs.org/api/v1/topicss",false);
  1. 发送请求的数据
    xhr.send(null)

    console.log(xhr);

HTTP常见状态码

  1. 1XX 请求正在处理
  2. 2XX 一般都表示成功
  3. 3XX 一半都表示重定向
  4. 4XX 一般都表示资源找不到 客户端错误
  5. 5XX 服务器内部错误

同源

同源:协议://域名:端口号 都一样就是同源 如果有一个不一样 就是非同源(跨域)

跨域

跨域即不同源 JSONP CORS(后端) Proxy(代理)

上一篇:原生 ajax 详细讲解


下一篇:原生 ajax