如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
属性 | 描述 |
---|---|
responseText | 获得字符串形式的响应数据。 |
responseXML | 获得 XML 形式的响应数据。 |
如果来自服务器的响应并非 XML,请使用 responseText 属性。
responseText 属性返回字符串形式的响应,因此您可以这样使用:
<html><!DOCTYPE html> |
<html> |
<head> |
<script> |
function loadXMLDoc() |
{ |
var xmlhttp; |
if (window.XMLHttpRequest) |
{// code for IE7+, Firefox, Chrome, Opera, Safari |
xmlhttp=new XMLHttpRequest(); |
} |
else |
{// code for IE6, IE5 |
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); |
} |
xmlhttp.onreadystatechange=function() |
{ |
if (xmlhttp.readyState==4 && xmlhttp.status==200) |
{ |
document.getElementById("myDiv").innerHTML=xmlhttp.responseText; |
} |
} |
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true); |
xmlhttp.send(); |
} |
</script> |
</head> |
<body> |
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div> |
<button type="button" onclick="loadXMLDoc()">修改内容</button> |
</body> |
</html> |
如果来自服务器的响应是 XML,而且需要作为 XML 对象进行解析,请使用 responseXML 属性:
请求 cd_catalog.xml 文件,并解析响应:
<html><!DOCTYPE html> |
<html> |
<head> |
<script> |
function loadXMLDoc() |
{ |
var xmlhttp; |
var txt,x,i; |
if (window.XMLHttpRequest) |
{// code for IE7+, Firefox, Chrome, Opera, Safari |
xmlhttp=new XMLHttpRequest(); |
} |
else |
{// code for IE6, IE5 |
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); |
} |
xmlhttp.onreadystatechange=function() |
{ |
if (xmlhttp.readyState==4 && xmlhttp.status==200) |
{ |
xmlDoc=xmlhttp.responseXML; |
txt=""; |
x=xmlDoc.getElementsByTagName("ARTIST"); |
for (i=0;i<x.length;i++) |
{ |
txt=txt + x[i].childNodes[0].nodeValue + "<br>"; |
} |
document.getElementById("myDiv").innerHTML=txt; |
} |
} |
xmlhttp.open("GET","cd_catalog.xml",true); |
xmlhttp.send(); |
} |
</script> |
</head> |
<body> |
<h2>My CD Collection:</h2> |
<div id="myDiv"></div> |
<button type="button" onclick="loadXMLDoc()">Get my CD collection</button> |
</body> |
</html> |