AJAX的基础操作
2021-01-25 05:14
标签：请求 send 创建 ready 服务 syn 处理 接口 方式 //1.创建AJAX实例 //2.打开URL（配置发送请求的信息） //3.监听AJAX状态，在状态为X的时候，获取服务器响应的内容 //4.发送请求 =>AJAX任务（发送一个请求给服务器，从服务器获取到对应的内容）从SEND后开始，到XHR.READYSTATE===4的时候算任务结束 AJAX的基础操作 标签：请求 send 创建 ready 服务 syn 处理 接口 方式 原文地址：https://www.cnblogs.com/yun-er/p/13241924.html
let xhr=new XMLHttpRequest; //=>IE低版本浏览器中用的是 new ActiveXObject() 高程三中JS惰性编程思想，关于XHR的兼容处理
//METHOD:HTTP请求方式
//URL:请求地址（API接口地址）
//ASYNC:设置同步或者异步，默认是TRUE异步，FALSE同步
//USER-NAME:传递给服务器的用户名
//USER-PASS:传递给服务器的密码
xhr.open(‘GET‘,‘./json/xxx.json‘,true);
//AJAX状态码：0 1 2 3 4
xhr.onreadystatechange=function(){
if(xhr.readyState===4 && /^(2|3)\d{2}$/.test(xhr.status)){
let result = xhr.responseText;
}
}
//SEND中放的是请求主体的内容
xhr.send(null);