编程 Javascript

jQuery读取XML文件内容的方法

Posted in Javascript onMarch 09, 2015

本文实例讲述了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程序设计有所帮助。

jQuery读取XML文件内容的方法

- Author -

hcqenjoy

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

function, new function, new Function之间的区别

Mar 08 Javascript

多浏览器兼容的获取元素和鼠标的位置的js代码

Dec 15 Javascript

jQuery timers计时器简单应用说明

Oct 28 Javascript

JS简单的轮播的图片滚动实例

Jun 17 Javascript

jQuery setTimeout传递字符串参数报错的解决方法

Jun 09 Javascript

Jquery代码实现图片轮播效果（一）

Aug 12 Javascript

ros::spin() 和 ros::spinOnce()函数的区别及详解

Oct 01 Javascript

Javascript vue.js表格分页，ajax异步加载数据

Oct 24 Javascript

JS实现点击Radio动态更新table数据

Jul 18 Javascript

RxJS的入门指引和初步应用

Jun 15 Javascript

Vue项目中使用better-scroll实现菜单映射功能方法

Sep 11 Javascript

js实现抽奖的两种方法

Mar 19 Javascript

JQuery动态添加和删除表格行的方法

Mar 09 #Javascript

Python脚本后台运行的几种方式

Mar 09 #Javascript

JS控制表格实现一条光线流动分割行的方法

Mar 09 #Javascript

JS实现点击按钮自动增加一个单元格的方法

Mar 09 #Javascript

JS实现网页表格自动变大缩小的方法

Mar 09 #Javascript

EasyUI中datagrid在ie下reload失败解决方案

Mar 09 #Javascript

JS控制网页动态生成任意行列数表格的方法

Mar 09 #Javascript

You might like

DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家

2020/04/09 欧美动漫

PHP警告Cannot use a scalar value as an array的解决方法

2012/01/11 PHP

php合并js请求的例子

2013/11/01 PHP

thinkphp模板的包含与渲染实例分析

2014/11/26 PHP

php unicode编码和字符串互转的方法

2020/08/12 PHP

php中bind_param()函数用法分析

2017/03/28 PHP

thinkphp3.2同时连接两个数据库的简单方法

2019/08/13 PHP

Laravel配合jwt使用的方法实例

2020/10/25 PHP

JavaScript 字符编码规则

2009/05/04 Javascript

javascript 操作select下拉列表框的一点小经验

2010/03/20 Javascript

Node.js实战建立简单的Web服务器

2012/03/08 Javascript

nodejs教程之环境安装及运行

2014/11/21 NodeJs

深入理解JavaScript系列（43）：设计模式之状态模式详解

2015/03/04 Javascript

jQuery使用$.ajax进行即时验证实例详解

2015/12/11 Javascript

JS实现alert中显示换行的方法

2015/12/17 Javascript

初识简单却不失优雅的Vue.js

2016/09/12 Javascript

Angular+Node生成随机数的方法

2017/06/16 Javascript

使用Vue组件实现一个简单弹窗效果

2018/04/23 Javascript

js实现多张图片每隔一秒切换一张图片

2019/07/29 Javascript

jquery实现弹窗（系统提示框）效果

2019/12/10 jQuery

javascript实现贪吃蛇小练习

2020/07/05 Javascript

在漏洞利用Python代码真的很爽

2007/08/26 Python

用Python脚本生成Android SALT扰码的方法

2013/09/18 Python

编写Python脚本来实现最简单的FTP下载的教程

2015/05/04 Python

python3实现zabbix告警推送钉钉的示例

2019/02/20 Python

Python爬虫实现“盗取”微信好友信息的方法分析

2019/09/16 Python

关于Pytorch的MNIST数据集的预处理详解

2020/01/10 Python

python实现在内存中读写str和二进制数据代码

2020/04/24 Python

解决Keras使用GPU资源耗尽的问题

2020/06/22 Python

python读取excel进行遍历/xlrd模块操作

2020/07/12 Python

会计出纳岗位职责

2013/12/25 职场文书

个人委托书怎么写

2014/04/04 职场文书

吨的认识教学反思

2014/04/27 职场文书

关于上班时间调整的通知

2015/04/23 职场文书

比赛口号霸气押韵

2015/12/24 职场文书

2019各种保证书范文

2019/06/24 职场文书