XMLHttpRequest对象

原创 2012年03月24日 13:24:59

     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>
  

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


相关文章推荐

Ajax核心对象XMLHTTPRequest

  • 2013年05月20日 11:35
  • 10KB
  • 下载

AJAX——核心XMLHttpRequest对象

AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,Jquery,Css……)重新融合的一个新的知识框架。而,XMLHttpR...

创建XMLHttpRequest对象

  • 2014年09月26日 12:31
  • 446B
  • 下载

XMLHttpRequest对象

  • 2014年05月26日 09:40
  • 60KB
  • 下载

js建立XMLHttpRequest对象及其属性和方法

//定义变量,存储对象   var xmlHttp;   //创建XMLHttpRequest对象   function creatXMLHttpRequest()   {       if(wind...
  • maojh
  • maojh
  • 2013年10月12日 19:52
  • 629

全面剖析XMLHttpRequest对象

  • 2008年06月17日 12:10
  • 179KB
  • 下载

C语言构建WEB管理系统(六):使用XMLHttpRequest对象和服务端交换数据

【版权声明:尊重原创,转载请保留出处:blog.csdn.net/shallnet,文章仅供学习交流,请勿用于商业用途】       以登录页面为例,当我们提交登录页面表单时,将登录用户名和登录...

XMLHttpRequest对象详解

  • 2010年09月15日 18:19
  • 626KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XMLHttpRequest对象
举报原因:
原因补充:

(最多只允许输入30个字)