关闭

XMLHttpRequest对象

892人阅读 评论(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>
  

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


1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:63550次
    • 积分:867
    • 等级:
    • 排名:千里之外
    • 原创:21篇
    • 转载:0篇
    • 译文:0篇
    • 评论:11条
    文章分类
    最新评论