 |
位置：电子教程 > ajax教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > ajax教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| AJAX 教程概要 |
| AJAX 工作原理 |
| 创建 XMLHttpRequest 对象 |
| XMLHttpRequest请求 |
| XMLHttpRequest 服务器 响应 |
| onreadystatechange 事件 |
| AJAX PHP实例 |
| AJAX 3级联动全国区域 |
| 当前阅读教程：ajax教程 > XMLHttpRequest 服务器 响应 | |||||||
| 阅读(22555525) 收藏 赞(5685) 分享 | |||||||
| 上一篇： 同步和异步 | 下一篇： onreadystatechange 事件 | ||||||
服务器响应如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
responseText 属性如果来自服务器的响应并非 XML，请使用 responseText 属性。 responseText 属性返回字符串形式的响应，因此您可以这样使用： 实例 document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
responseXML 属性如果来自服务器的响应是 XML，而且需要作为 XML 对象进行解析，请使用 responseXML 属性： 实例 <!DOCTYPE html>
<html>
<title>小白教程网(www.2d5.net)</title>
<head>
<meta charset="utf-8">
<script>
function loadTxt()
{
var xmlhttp;
var txt,x,i;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// 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","myxml.xml",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv">默认显示的文字</div>
<button type="button" onclick="loadTxt()">获取XML文件的信息</button>
</body>
</html>
myxml.xml代码 <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </CD> <CD> <TITLE>Hide your heart</TITLE> <ARTIST>Bonnie Tyler</ARTIST> <COUNTRY>UK</COUNTRY> <COMPANY>CBS Records</COMPANY> <PRICE>9.90</PRICE> <YEAR>1988</YEAR> </CD> <CD> <TITLE>Greatest Hits</TITLE> <ARTIST>Dolly Parton</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>RCA</COMPANY> <PRICE>9.90</PRICE> <YEAR>1982</YEAR> </CD> </CATALOG> 效果图
|
|||||||
| 上一篇： 同步和异步 | 下一篇： onreadystatechange 事件 | ||||||
