ajax--异步原理 readyState

最新推荐文章于 2021-08-10 21:49:26 发布

sonia_gintoki

最新推荐文章于 2021-08-10 21:49:26 发布

阅读量466

点赞数

CC 4.0 BY-SA版权

分类专栏： ajax 文章标签： ajax 异步

本文链接：https://blog.youkuaiyun.com/sonia_gintoki/article/details/50586645

ajax 专栏收录该内容

7 篇文章

订阅专栏

本文详细解释了XMLHttpRequest对象的ReadyState属性及其五个状态值的意义，并对比了异步与同步请求的区别。通过实例展示了从初始化到完成的整个过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

怎么看readyState状态号（0-4）

如下

<script type="text/javascript">
function createXHR(){
		var xhr = null;
		if(window.XMLHttpRequest){
			xhr=new XMLHttpRequest();
		}else if(window.ActiveXObject){
			xhr=new	ActiveXObject('Microsoft.XMLHTTP');
		}
		return xhr;
	}
	// 创造xhr
	var xhr=createXHR();

console.log(xhr);

</script>

这样在浏览器（chrome截图）的console就能看到这个对象的一切

readystate 为0

open连接后变为 1

(ps：：setrequestheader只能在open后）

对方头信息接受完 2
对方主体信息接收完 3（post的话就是post的内容那部分）
请求关闭 4

异步怎么实现的

回调函数onreadystatechange需要时间执行，在代码往下执行时返回的东西强行插队

同步就是等执行完在执行下一行代码

（
使用异步就不堵塞，如果回调函数堵塞了
这些js都是在上面的，下面网页就不能出来