btn.onclick = function(){
//1.创建对象
const xhr = new XMLHttpRequest();
//2.初始化 设置请求方法和 url
xhr.open('GET', 'http://127.0.0.1:8000/server');
//3.发送
xhr.send();
//4.时间绑定 处理服务端返回的结果
//on when 当...时候
//readystate 是xhr 对象中的属性 ,表示状态 0(未初始化) 1(open方法调用完毕) 2(send方法调用完毕) 3(服务端返回了部分结果) 4(服务端返回了所有结果)
//change 改变
xhr.onreadystatechange= function(){
//判断
if(xhr.readyState === 4){
//判断响应状态码
if(xhr.status >= 200 && xhr.status < 300){
//处理结果 行 头 空行 体
//1.响应行
console.log(xhr.status);//状态嘛
console.log(xhr.statusText);//状态字符串
console.log(xhr.getAllResponseHeaders());//所有相应头
console.log(xhr.response);//响应体
}
}
}
}
AJAX基本操作
最新推荐文章于 2024-08-30 18:03:30 发布