首页 > Web开发 > 详细

jQuery解析XML

时间:2018-12-03 15:02:35      阅读:177      评论:0      收藏:0      [点我收藏+]
<?xml version="1.0" encoding="UTF-8"?>
<root>
    <city>广州</city>
    <city>深圳</city>
    <city>香港</city>
    <city>澳门</city>
    <city>台湾</city>
    <city>中山</city>
</root>
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>jQuery解析XML</title>
    <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
  </head>
  <body>
    
    <input type="button" value="解析服务器响应的xml文件"/>

    <script type="text/javascript">
        $(":button").click(function(){
            var url = "${pageContext.request.contextPath}/03_city.xml?time="+new Date().getTime();
            var sendData = null;
            $.get(url,sendData,function(xml){
                //用jquery中的api解析xml文件,这时的xml是js对象
                var $xml = $(xml).find("city");
                //迭代
                $xml.each(function(){
                    var city = $(this).text();
                    alert(city);
                });
            });
        });
    </script>
    
  </body>
</html>

 

jQuery解析XML

原文:https://www.cnblogs.com/loaderman/p/10058065.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!