本文將想大家簡(jiǎn)單介紹一下XML HttpRequst對(duì)象基礎(chǔ)方法,希望通過(guò)本文能夠使大家對(duì)其有一個(gè)初步的了解。
readyState一共有5個(gè)可能的值:
readyState 狀態(tài)解釋
0 未初始化對(duì)象已創(chuàng)建,尚未調(diào)用open()
1 已初始化調(diào)用open()方法以后
2 發(fā)送數(shù)據(jù)調(diào)用send()方法以后
3 數(shù)據(jù)傳送中在已經(jīng)接到部分?jǐn)?shù)據(jù),但尚未接收完成
4 完成數(shù)據(jù)全部接收完成
一個(gè)XMLHttpRequest,在順利讀取了數(shù)據(jù)之后,可以有四種方法得到這個(gè)數(shù)據(jù)。
responseText 將響應(yīng)信息作為字符串返回
responseXML 將響應(yīng)信息格式化為XMLDOM對(duì)象并返回
responseBody 將響應(yīng)信息以u(píng)nsigned byte數(shù)組的形式返回
responseStream 將響應(yīng)信息以IStream對(duì)象的形式返回
例子 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>