ajax-----readyState总结
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
//1.创建一个XMLHttpRequest对象,相当于打开一个浏览器窗口
var xhr = new XMLHttpRequest();
console.log(xhr.readyState);//=================这里为0,表示刚创建这个对象
//2.打开一个与网址之间了连接,相当于在地址栏输入了网址
xhr.open('GET','/06php/user.php');
//3.发送请求
console.log(xhr.readyState);//=================这里为1,表示已经调用了这个方法
xhr.send();
console.log(xhr.readyState);//=================这里为1,
//4.指定状态事件处理函数
xhr.onreadystatechange=function(){
switch(this.readyState){
//readyState=2 //==================这里为2,说明接受了响应,能拿到响应头
case 2:
//能拿到响应头
console.log(this.getAllResponseHeaders())
//但是拿不到响应体
console.log(this.responseText);
break;
////readyState=3 //===================正在下载这个响应报文,能不能拿到取决于报文大小
case 3:
//可能拿得到,也可能拿不到
console.log(this.responseText);
break;
//readyState=4==========================这里完全可以拿到,一般我们是 在这里再处理后面的东西
console.log(this.responseText);
break;
}
};
</script>
</body>
</html>
虽然现在走得很慢,但不会一直这么慢
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· 程序员常用高效实用工具推荐,办公效率提升利器!
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 【译】WinForms:分析一下(我用 Visual Basic 写的)