jquery解析xml的例子

最新推荐文章于 2023-09-25 23:26:51 发布

quanleilei123

最新推荐文章于 2023-09-25 23:26:51 发布

阅读量3.1k

点赞数 1

文章标签： jquery xml function encoding import tomcat

本文链接：https://blog.csdn.net/quanleilei123/article/details/5716036

版权

1、首先创建一个web工程

2、在/JQuery/WebRoot/js/目录下构建jquery-1.4.2.js、menu.js这两个文件（这两个文件可以到官方网站上面下载）

3、创建jqueryxml.xml文件：具体内容如下

<?xml version="1.0" encoding="utf-8" ?>
<provinces>
<province name="湖北">
  <city>武汉</city>
  <city>十堰</city>
  <city>襄樊</city>
</province>
<province name="河南">
  <city>郑州</city>
  <city>南阳</city>
  <city>漯河</city>
</province>
<province name="陕西">
  <city>西安</city>
  <city>商洛</city>
  <city>延安</city>
</province>
</provinces>

4、创建引用Jquery文件的前台页面jquery.jsp，具体内容如下：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<head>
<title>jquery解析xml的例子</title>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(
   function() {
    $.ajax( {
     url : "jqueryxml.xml",
     success : function(xml) {
      $(xml).find("province").each(function() {
       var t = $(this).attr("name");//this->
        $("#DropProvince").append(
          "<option>" + t + "</option>");
       });
     }
    });
    $("#DropProvince").change(
      function() {
       $("#sCity>option").remove();
       var pname = $("#DropProvince").val();
       $.ajax( {
        url : "jqueryxml.xml",
        success : function(xml) {
         $(xml).find(
           "province[name='" + pname
             + "']>city").each(
           function() {
            $("#sCity").append(
              "<option>"
                + $(this)
                  .text()
                + "</option>");
           });
        }
       });
      });
   });
</script>
</head>
<body>
<form id="form1">
  <div>
   <select id="DropProvince" style="width: 80px;">
    <option>
     请选择
    </option>
   </select>
   <select id="sCity" style="width: 80px;">
   </select>
  </div>
</form>
</body>
5、像部署普通的web应用程序一样部署工程，然后启动tomcat服务器，输入http://localhost:8080/JQuery/测试自己开发的第一个JQuery应用程序。