原创 学习XMLHttpRequst对象收藏

新一篇: ajax框架的介绍和初步学习 | 旧一篇: 用AJAX实现下拉框(DropDownList)的联动

一:例子 aaron.htm

<SCRIPT LANGUAGE="JavaScript">
var bloglist=new Array();
 var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
 function startload(){
 xmlHttp.open("GET", "http://blog.csdn.net/aaronbai/Rss.aspx", true);
 xmlHttp.onreadystatechange=function() {
 if (xmlHttp.readyState==4&&xmlHttp.status==200) {
 var xmldom=xmlHttp.responseXML;
 var channel=xmldom.documentElement.childNodes.item(0);
 var itemlist=channel.childNodes;
 for(var i=0;i<itemlist.length;i++){
 var node=itemlist.item(i);
 if(node.tagName=="title"){
 blogtitle.innerHTML=node.text;
 }
 if(node.tagName=="link"){
 bloglink.href=node.text;
 }
 if(node.tagName=="description"){
 blogdescription.innerHTML=node.text;
 }

 if(node.tagName=="item"){
 bloglist[bloglist.length]=node.childNodes;
}
 }
 for(var i=0;i<bloglist.length;i++){
 showitem(bloglist[0]);}
 }
}
 xmlHttp.send(null);
}

 function showitem(itemlist){
for(var i=0;i<itemlist.length;i++){
 var node=itemlist.item(i);
if(node.tagName=="title"){
 itemtitle.innerHTML=node.text;
}
 if(node.tagName=="link"){
 itemlink.href=node.text;
 }
 if(node.tagName=="description"){
 description.innerHTML=node.text;
 }
 if(node.tagName=="dc:creator"){
 author.innerHTML=node.text;
 }
 if(node.tagName=="pubDate"){
 pubDate.innerHTML=node.text;
 }
 }
 }
 </SCRIPT>
<body onload="startload()">
 <font color=blue><a id="bloglink" href="#"><div id="blogtitle"></div></a></font>
<br>
 By <font color=blue><div id="managingEditor"></div>AaronBai</font><br>
<font color=blue><div id="blogdescription"></div></font><br>
<br>
 <font color=#000066><a id="itemlink" href="#"><div id="itemtitle"></div></a></font><br>
By <font color=blue><div id="author"></div></font><br>
 <div id="description"></div><br>
<div id="pubDate" align="right"></div>
</body>
 

 

二:readyState一共有5个可能的值:
readyState 状态解释
0 未初始化对象已创建,尚未调用open()
1 已初始化调用open()方法以后
2 发送数据调用send()方法以后
3 数据传送中在已经接到部分数据,但尚未接收完成
4 完成数据全部接收完成

三:一个XMLHttpRequest,在顺利读取了数据之后,可以有四种方法,
得到这个数据。

responseText 将响应信息作为字符串返回
responseXML 将响应信息格式化为XMLDOM对象并返回
responseBody 将响应信息以unsigned byte数组的形式返回
responseStream 将响应信息以IStream对象的形式返回

发表于 @ 2007年10月09日 16:03:00|评论(loading...)|编辑

新一篇: ajax框架的介绍和初步学习 | 旧一篇: 用AJAX实现下拉框(DropDownList)的联动

评论

#aaronbai 发表于2008-01-18 16:09:25  IP: 202.118.2.*
通常在使用AJAX时候,以下面方法创建
var xmlHttp; //首先定义一个全局域变量来保存对象的引用;
function createXMLHttpRequest(){
//该方法用来创建XMLHttpRequest对象的实例.
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
//IE浏览器生成的对象
}else
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();//IE以外的其他浏览器
}
}
发表评论  


当前用户设置只有注册用户才能发表评论。如果你没有登录,请点击登录
Csdn Blog version 3.1a
Copyright © aaronbai