PHP编程实战15-13

<!--PHP编程实战-->
<!--JSON & Ajax -->
<!--15-13-->
<!--使用$.get并请求XML数据类型-->
<html>
<head>
    <title>Loading Plain Text with jQuery</title>
    <style type="text/css">
        #generated_content {
            border: 1px solid black;
            width: 300px;
            background-color: #dddddd;
        }
    </style>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
                $.get("animals.xml", function (data) {
                    var message = "";
                    var names = data.getElementsByTagName("name");
                    for (i = 0; i < names.length; ++i) {
                        message += names[i].firstChild.nodeValue + "<br/>\n";
                    }
                    $("#generated_content").html(message);
                }, "xml");
            }
        )
    </script>
</head>
<body>
    <p><strong>Ajax parsed XML:</strong></p>
    <div id="generated_content"> </div>
</body>
</html>

xml数据文件

<!--animals.xml-->
<animals>
    <dogs>
        <dog>
            <name>snoopy</name>
            <color>brown</color>
            <breed>beagle cross</breed>
        </dog>
        <dog>
            <name>jade</name>
            <color>black</color>
            <breed>lab cross</breed>
        </dog>
    </dogs>
    <cats>
        <cat>
            <name>teddy</name>
            <color>brown</color>
            <breed>tabby</breed>
        </cat>
    </cats>
</animals>

重点

$.get(请求的文件,回调函数,期望的数据类型默认text)

$("#generated_content")使用了CSS id选择器

最后编辑于：2017.11.27 04:36:32

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

PHP编程实战15-13

推荐阅读更多精彩内容