AJAX (Async JavaScript And XML)
第一步:创建一个ajax(实例)对象
var xhr = new XMLHttpRequest();
第二步:设置请求协议(配置信息)
xhr.open('get','./data.json',true);
第一个参数请求方式 ‘GET’/‘POST’,GET通常用来获取资源
第二个参数 要请求的服务器地址(接口地址)
第三个参数 同步异步(默认认知true,‘true 异步’/‘false 同步’)
第三步:监听 ajax 请求状态
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.stastus === 200){
// 请求成功了 得到了服务器返回的数据
console.log(xhr.responseText);
}
}
xhr.readSTate 是此刻ajax的状态 如果状态为4 代表请求完成
xhr.status http 网络状态码(200为绿色成功)
xhr.responseText 服务器返回的数据
第四步:开始发送请求
xhr.send();