使用JS写出一个AJAX请求
XMLHttpRequest 对象是AJAX的主要接口,用于浏览器与服务器之间的通信,可是使用多种协议,发送任何格式的数据。
XMLHttpRequest 本身是一个构造函数,可以使用 new 命令生成实例。
let request = new XMLHttpRequest(); //创建一个请求
request.open('GET','http://jack.com:8000/xxx'); //配置request
request.send(); //发送请求
request.onreadystatechange=function(){ //指定回调函数,监听通信状态(readyState属性)的变化
if(request.readyState === 4){ //readyState表示通信状态,值为 4 时表示请求完毕,但不知道是否成功
if(request.status >=200 && request.status <300){ // HTTP 状态码2开头的就是请求成功
let string = request.responseText; //把符合 JSON 语法的字符串转换为 JS 对应的值
let object = window.JSON.parse(string); //JSON.paser 是浏览器提供的方法
}
}
}