2021-05-14ajax小记

最新推荐文章于 2023-09-26 15:07:21 发布

goat-on-the-way

最新推荐文章于 2023-09-26 15:07:21 发布

阅读量73

点赞数

本文链接：https://blog.csdn.net/sinat_41746597/article/details/116797636

版权

AJAX XMLHttpRequest 异步请求无需刷新前端开发

关键词由CSDN通过智能技术生成

**#AJAX小记（四步骤）（不需要重新加载整个网页的，做到更新部分内容）**
1、创建XMLHttpRequest 对象
let xhr = new XMLHttpRequest()
[注]
老版本浏览器
let xhr = new ActiveXObject("Microsoft.XMLHTTP");
2、创建Http请求
xhr.open(method,url,async);
[注]
method：GET或POST
url：请求地址
async：布尔值（是否异步）
3、设置响应HTTP请求状态变化的函数。
xhr.onreadystatechange=function(){
   if(xhr.readyState ==4 && xhr.status==200){
       let result = xhr.responseText
   }
}
[注]
readyState 属性改变时触发onreadystatechange。
readyState：0，请求未初始化
                   1，服务器连接已建立
                   2，请求已接受
                   3，请求处理中
                   4，请求已完成，且响应已就绪
status：200，客户端请求已成功。
           404，未找到页面
4、发送http请求
xhr.send();