位置:电子教程 > ajax教程 (如果看不到内容请使用360浏览器) 推荐学习资源
AJAX 教程概要
AJAX 工作原理
创建 XMLHttpRequest 对象
XMLHttpRequest请求
XMLHttpRequest 服务器 响应
onreadystatechange 事件
AJAX PHP实例
AJAX 3级联动全国区域
当前阅读教程:ajax教程 > XMLHttpRequest 服务器 响应
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 同步和异步 下一篇: onreadystatechange 事件

服务器响应

如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText responseXML 属性。

属性

描述

responseText

获得字符串形式的响应数据。

responseXML

获得   XML 形式的响应数据。

 

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>

效果图

小白教程网www.2d5.net

image.png

上一篇: 同步和异步 下一篇: onreadystatechange 事件
毕业设计网             广告联系QQ:45157718(微信同号)