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>
  

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


初始化XMLHttpRequest对象

在使用XMLHttpRequest对象发送请求和处理响应之前,首先需要初始化该对象,由于XMLHttpRequest不是一个W3C标准,所以对于不同的浏览器,初始化的方法也是不同的。 通常情况下,初...
  • chengqiuming
  • chengqiuming
  • 2017年04月12日 10:49
  • 535

XMLHttpRequest对象详解

【摘 要】 XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用...
  • inrgs
  • inrgs
  • 2007年03月25日 22:51
  • 1352

XMLHttpRequest 对象实现异步交互

代码:  index.jsp Insert title here //使用Ajax 实现异步刷新的案例 //创建异步对象 var xmlHttp; function createXML...
  • linhaiyun_ytdx
  • linhaiyun_ytdx
  • 2016年11月06日 12:21
  • 570

Javascript创建XMLHttpRequest对象的3种方式

XMLHttpRequest对象的创建
  • u011437847
  • u011437847
  • 2016年04月28日 19:44
  • 1400

XMLHttpRequest对象的作用

MLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用;但是,我们仍...
  • wmsjlihuan
  • wmsjlihuan
  • 2012年05月21日 17:24
  • 1492

XMLHttpRequest对象详解和事例

XMLHttpRequest对象详解 1、概述 2、XMLHttpRequest 的方法和属性 XMLHttpRequest包含了基本的属性和方法,正是通过这些方法和属性实现了对服务...
  • zengshunyao
  • zengshunyao
  • 2014年08月06日 13:27
  • 2240

XMLHttpRequest对象的几种状态和几个重要属性以及常用的方法

XMLHttpRequest的几种状态: 0:  对象没有完成初始化 1: 对象开始发送请求 2: 对象的请求发送完成 3: 对象开始读取服务器响应 4: 对象读取服务器响应结束 1.on...
  • waj89757
  • waj89757
  • 2013年03月21日 20:49
  • 2199

ajax中XMLHttpRequest对象详解

ajax中XMLHttpRequest对象详解         ajax技术的核心或者说负责ajax进行同步或者异步服务器请求是XMLHttpRequest对象。在用使用ajax技术时,其实就是操作...
  • aozeahj
  • aozeahj
  • 2016年11月02日 14:23
  • 924

XMLHttpRequest对象的创建

首先了解XMLHttpRequest对象的基本运用    XMLHttpRequest对象用于和服务器交互数据  如需将请求发送到服务器,我们使用XMLHttprequest对象的Open()和sen...
  • han_yankun2009
  • han_yankun2009
  • 2014年01月03日 14:03
  • 2291

AJAX工作模式、XMLHttpRequest对象、运行流程

1.传统网页与AJAX工作的模式对比如下: 与传统的WEB应用不同,Ajax技术采用异步方式发送请求,避免了每个请求对应一个页面的模式,允许在一个页面发送多个请求,从而可以更大程度地利用已经下载的页面...
  • weinabanta
  • weinabanta
  • 2013年11月13日 22:02
  • 2183
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XMLHttpRequest对象
举报原因:
原因补充:

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