AJAX(三)---xml信息的处理_ajax对xml信息的处理-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_32110825/article/details/78045812

开发的微信接口，数据基本上都是xml形式的数据。
xml属于服务器端信息。

1.xml信息的接收

xhr.responseXML代替之前的xhr.responseText
接收到对象，类似document对象

xml.html请求xml信息的html文件

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        function showMsg()
        {
            //1.创建对象
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function () {
                if(xhr.readyState == 4)
                {
                    //获取xml对象
                   var xmlDom = xhr.responseXML;
                   //获取xml中对应的节点
                    var msg = xmlDom.getElementsByTagName('msg');
                    var s ='';
                    for(i=0;i<msg.length;i++)
                    {
                        var send = msg[i].getElementsByTagName('send')[0].firstChild.nodeValue;
                        var back = msg[i].getElementsByTagName('back')[0].firstChild.nodeValue;
                        s += "发送:"+send+"回复:"+back+"<br>";
                    }
                    alert(s);
                    var show = document.getElementById('content');
                    show.innerHTML = s;
                }
            }
            xhr.open('get','server.xml');
            xhr.send(null);

        }
    </script>
</head>
<body>
    <h2>实现AJAX对xml的接收</h2>
    <input type="button" value="请求信息" onclick="showMsg()">
<div id="content"></div>
</body>

服务器端的xml页面 –server.xml

<?xml version="1.0" encoding="utf-8" ?>
<messages>
    <msg>
        <send>Hello world!</send>
        <back>回去</back>
    </msg>
    <msg>
        <send>不</send>
        <back>回去</back>
    </msg>
</messages>