XMLHttpRequest 学习笔记

最新推荐文章于 2025-07-16 19:24:00 发布

宝儿的程序生涯

最新推荐文章于 2025-07-16 19:24:00 发布

阅读量133

点赞数

分类专栏： xml

xml 专栏收录该内容

0 篇文章

订阅专栏

本文详细介绍了XMLHttpRequest API的使用方法，包括其在客户端和服务器间传输数据的机制，以及如何通过URL获取数据而不刷新整个页面，提供了良好的用户体验。文章还深入探讨了onreadystatechange事件的触发条件，readyState的状态含义，以及status的HTTP状态码解释。

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

https://www.cnblogs.com/jackzhoumine/p/6562890.html

XMLHttpRequest是一个API,用于客户端和服务器之间传输数据，通过URL获取数据简单，且不会刷新整个页面，用户发起请求后可做其他事情，不用一直等到服务器响应，具有很好的用户体验而被广泛应用。

function() {
	 var xhr=new XMLHttpRequest();
	 xhr.open("post", adminUrl + "page/service/evaluateAddSubmit");
	 xhr.onreadystatechange = function() { //onreadystatechange 是function类型，绑定一个函数，当请求状态（readyState）改变时，就会调用它。注意，只能在异步请求中使用。
	     if (xhr.readyState == 4) {
	         if(xhr.status == 200){
	      	   mui.alert("评论提交成功，谢谢您的宝贵意见","温馨提示","确认", function(e){
	           	   if(e.index==0){
	           		  window.location.reload(); 
	           	   }
	             });
	      }else{
	   	   mui.alert("评论提交失败,请重新设置","温馨提示","确认", function(e){
	   		   if(e.index==0){
	           		  window.location.reload(); 
	           	   }
	             });
	      }
	     }
	 };
}

1) onreadystatechange 是function类型，绑定一个函数，当请求状态（readyState）改变时，就会调用它。注意，只能在异步请求中使用。

2) readyState,一个无符号整数，表示请求状态。

0——UNSENT(未打开)，创建了xhr对象，open()还没调用。

1——opened(未发送)，调用了open()但是还没调用send()。
2——HEADERS_RECEIVED(已接收响应头信息)，send()被调用，响应头和响应状态已返回。
3——LOADING(下载响应中)，响应体下载中,已经从responseText中获得部分数据。
4——DONE(请求完成)，整个请求完成，不是代表请求成功了，请求失败也算完成。

3) status,

只读属性，HTTP状态码，是一个三位数的整数。

200,ok,响应成功。

301，Moved Permanently,永久移动。
302, Move temporarily，暂时移动
304, Not Modified，未修改
307, Temporary Redirect，暂时重定向
401, Unauthorized，未授权
403, Forbidden，禁止访问
404, Not Found，未发现请求资源
500, Internal Server Error，服务器发生错误