ajax xml返回

最新推荐文章于 2024-12-11 06:36:26 发布

转载最新推荐文章于 2024-12-11 06:36:26 发布 · 276 阅读

文章标签：

#ajax #xml

ajax 专栏收录该内容

7 篇文章

订阅专栏

html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <input type="button" value="看书" onclick="kan();">

</body>
<script type="text/javascript">

    function kan() {

        var xhr = new XMLHttpRequest();

        xhr.onreadystatechange = function(){
            if (this.readyState ==  4) {
                var b = this.responseXML.getElementsByTagName('title')[1];
                alert(b.childNodes[0].nodeValue);
            };
        }

        xhr.open('get','1.xml',true);
        xhr.send(null);
    }

</script>
</html>

xml

<?xml version="1.0" encoding="utf-8"?>
<bookstore>
    <book>
        <title>天龙八部</title>
        <author>金庸</author>
    </book>
    <book>
        <title>七剑下天山</title>
        <author>梁羽生</author>
    </book>
</bookstore>