本文將想大家簡單介紹一下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="http://p5s8.ddvip.com/index.PHP#">< 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="http://p5s8.ddvip.com/index.PHP#">< 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>