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 事件 |