XMLHttpRequest对象

最新推荐文章于 2021-03-26 21:59:42 发布

亚卓

最新推荐文章于 2021-03-26 21:59:42 发布

阅读量1.1k

点赞数 1

分类专栏： WEB相关文章标签： xmlhttprequest 服务器 javascript function generator header

本文链接：https://blog.csdn.net/Csdn0123/article/details/7389907

版权

WEB相关专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Ajax中关键是XMLHttpRequest对象，小结一下XMLHttpRequest对象。

XMLHttpRequest方法：

方法	描述
abort(）	停止当前请求
getAllRequestHeaders()	把HTTP请求的缩影响应首部作为键值对返回
getResponseHeader(“header”)	返回指定首部的串值
open(“method”,”url”)	简历对服务器的调用。method可以为GET POST和PUT，url可以为绝对URL或者相对URL
send(content)	向服务器发送请求
setRequestHeader(“header”,”vlue”)	把指定的首部设置为所提供的值。

XMLHttpRequest属性：

属性	描述
onreadystatechange	每个状态改变时都会触发这个事件，通常会调用一个javascript函数
readyState	请求的状态
responseText	服务器的响应，表示为一个串
responseXML	服务器的响应，表示为XML，这个对象可以解析为一个DOM对象
status	服务器的HTTP状态（如200表示OK，404表示NOT FOUND等到）
statusText	HTTP状态码的相应文本（如OK或者NOT FOUND等等）

readyState表示XMLHttpRequest对象的处理状态：
0:XMLHttpRequest对象还没有完成初始化。
1:XMLHttpRequest对象开始发送请求。
2:XMLHttpRequest对象的请求发送完成。
3:XMLHttpRequest对象开始读取服务器的响应。
4:XMLHttpRequest对象读取服务器响应结束。

简单的请求实例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript">
  var xmlHttp;
  //创建XMLHttpRequest对象
  function createXMLHttpRequest(){
	if(windows.ActiveXObject){
		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");  //ie浏览器
	}else if(windows.XMLHttpRequest){
		xmlHttp=new XMLHttpRequest();
	}
 }
//启动请求
 function startRequest(){
   createXMLHttpRequest();
   xmlHttp.onReadyStatechange=handlesStateChange;  //状态改变，触发javascript函数
   xmlHttp.open(“GET”，“simpleResponse.xml”,true);  //建立服务器调用，true表示异步
   xmlHttp.send(NULL);  //向服务器发送请求
  }
 //调用函数
  function  handleStateChange(){
	if(xmlHttp.readyState==4){
		if(xmlHttp.status==200)
		{alert("zxzxzxzx: the server replied with:"+xmlHttp.responseText);}
	}
  }
  </script>
 </head>

 <body>
  <form action="#">
	<input type="button" value="zx" onclic=“startRequest();”/>
 </body>
</html>

调用函数可以用来实现其他功能，如读/写数据库。。