AJAX入门实践

78 阅读1分钟

AJAX,
从实践上,就是JS语言利用XMLHttpRequest进行网络请求

一个最简单的AJAX请求其实只有4条语句:

const request = new XMLHttpRequest(); // XMLHttpRequest对象
request.open('GET', '/style.css'); // 请求路径
request.onreadystatechange = () =>{} // 响应的处理
request.send(); // 发送请求

其中,request.onreadystatechange接受一个函数,处理返回的对象,

request.onreadystatechange = () => {
    console.log(request.readyState);
    // request.readyState 表示请求状态
    if (request.readyState === 4) {
        // request.status 表示响应状态值
      if (request.status >= 200 && request.status < 300) {
        console.log(request.response); // request.response 表示响应内容
    }
  };