本文将想大家简单介绍一下XML HttpRequst对象基础方法,希望通过本文能够使大家对其有一个初步的了解。
readyState一共有5个可能的值:
readyState 状态解释
0 未初始化对象已创建,尚未调用open()
1 已初始化调用open()方法以后
2 发送数据调用send()方法以后
3 数据传送中在已经接到部分数据,但尚未接收完成
4 完成数据全部接收完成
一个XMLHttpRequest,在顺利读取了数据之后,可以有四种方法得到这个数据。
responseText 将响应信息作为字符串返回
responseXML 将响应信息格式化为XMLDOM对象并返回
responseBody 将响应信息以unsigned byte数组的形式返回
responseStream 将响应信息以IStream对象的形式返回
例子 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>