使用jq的ajax实现对xml文件的读取

Posted 明明一颗大白菜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jq的ajax实现对xml文件的读取相关的知识,希望对你有一定的参考价值。

之前一直在用json来传递数据,但是xml也是不可缺少的,于是开始了xml的征程。xml的一些属性啊之类的在菜鸟教程上列举的已经很详细了,但是却没有前段部分的获取教程,查询资料,遂懂:

index.xml:

<?xml version="1.0" encoding="UTF-8"?>
<note>
    <to>fangMing</to>
    <from>Tom</from>
    <heading>head</heading>
    <body>
        this is body
    </body>
</note>

  index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>

</body>
<script>
    $(() => {
        $.ajax({
            method: "GET",
            url: "index.xml",
            dataType: "xml",
            success: (xmlDoc, textStatus) => {
                textStatus === "success"&&(console.log($(xmlDoc).find("to").text()));

            }
        })
    })
</script>
</html>

  结果:

 

以上是关于使用jq的ajax实现对xml文件的读取的主要内容,如果未能解决你的问题,请参考以下文章

js实现jq的ajax

JQ+AJAX实现多级联动

phpExcel与jq的ajax

ajax请求方式

Ajax 片段元标记 - Googlebot 未读取页面内容

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。