当前位置: 首页 > 编程笔记 >

jQuery读取XML文件内容的方法

辛意智
2023-03-14
本文向大家介绍jQuery读取XML文件内容的方法,包括了jQuery读取XML文件内容的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery读取XML文件内容的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>jQuery读取XML文件</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <style type="text/css">

        h1{color:Green;text-align:center;}

        body{ background-color:#EEEEEE ; font-family:微软雅黑; }

        #showresult{width:600px;overflow:hidden;}

    </style>

    <script type="text/javascript" src="jquery/1.4.4/jquery.min.js"></script>   

    <script type="text/javascript">

        $(document).ready(function () {

            $("#read").click(function () {

                $.ajax({

                    //请求方式为get

                    type: "GET",

                    //xml文件位置

                    url: "sitemap.xml",

                    //返回数据格式为xml

                    dataType: "xml",

                    //请求成功完成后要执行的方法

                    success: function (xml) {

                        $(xml).find("url").each(function (i) {

                            //i从0开始,累加,如果要显示所有数据,将判断去除即可

                            if (i < 10) {

                                //链接地址

                                var location = $(this).find("loc").text();

                                //显示文字

                                var text = $(this).find("loc").text();

                                //动态加载方法:链接地址

                                $("<a>").attr("href", location)

                                //显示文字

                            .text(text)

                                //设置样式

                            .css({ "width": "700px", "float": "left", "margin-bottom": "5px" })

                                //加载到div

                            .appendTo("#showresult");

                            }

                        })

                    }

                });

                return false;

            });

        });

    </script>

</head>

<body>

    <div id="showresult">

        <h1>jQuery读取XML文件</h1>

        <a id="read" href="#" style="width:700px;">点击读取XML</a>

    </div>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

 类似资料:
  • 本文向大家介绍java遍历读取xml文件内容,包括了java遍历读取xml文件内容的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了java遍历读取xml文件内容的详细代码,分享给大家供大家参考,具体内容如下 再分享一例: 用JAVA读取XML文件 解析XML的步骤如下:   1.创建DocumentBuilder工厂   2.创建DocumentBuilder对象   3.Document

  • 本文向大家介绍JS通过ajax动态读取xml文件内容的方法,包括了JS通过ajax动态读取xml文件内容的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS通过ajax动态读取xml文件内容的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码读取note.xml文件,并填充显示相关字段 HTML文件代码如下 xml文件内容如下 希望本文所述对大家的javascript程序设计

  • 本文向大家介绍jQuery+ajax读取并解析XML文件的方法,包括了jQuery+ajax读取并解析XML文件的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery+ajax读取并解析XML文件的方法。分享给大家供大家参考,具体如下: ajax.xml: demo.html: 效果图: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jquery中Ajax用法总结》

  • 逐行读取文本文件的内容,每次一行(比 FileReadLine 执行的更好)。 Loop, Read, InputFile [, OutputFile] 参数 Read 此参数必须为单词 READ. InputFile 需要在循环中读取内容的文本文件的名称, 如果未指定绝对路径则假定在 %A_WorkingDir% 中. 支持 Windows 和 Unix 格式; 即文件的行结束符可以是回车和换行

  • 本文向大家介绍JAVA实现读取txt文件内容的方法,包括了JAVA实现读取txt文件内容的方法的使用技巧和注意事项,需要的朋友参考一下 通常,我们可以直接通过文件流来读取txt文件的内容,但有时可能会出现乱码!此时只要设置一下文件字符编码即可。 读取文件效果: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jQuery实现定时读取分析xml文件的方法,包括了jQuery实现定时读取分析xml文件的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现定时读取分析xml文件的方法。分享给大家供大家参考。具体如下: 这里演示了jQuery如何通过ajax方式定时读取xml文件并分析。 xml文件如下: js文件如下: 希望本文所述对大家的jquery程序设计有所帮助。