黑马程序员技术交流社区

标题: JQurry读取xml [打印本页]

---

作者: 郭强    时间: 2013-4-12 11:13
标题: JQurry读取xml


如何使用JQuerry通过读取XML来实现省市查询，现在JQuerry挺流行的，想做一个

---

作者: huima    时间: 2013-4-12 12:04
如下所示：
$(document).ready(function(){    $.ajax({        type:"GET",        url:"city.xml",        dataType:"xml",        error:function(){alert("读取失败!")},        success:function(xml){            $(xml).find("province").each(function(){                $("<option></option>")                    .attr("value",$(this).attr("name"))                    .html($(this).attr("name"))                    .appendTo("#slt_province")            })        }    });    $("#slt_province").change(function(){        $("#slt_city").empty();        $.ajax({            type:"GET",            url:"city.xml",            dataType:"xml",            success:function(xml){                var city = $(xml).find("province[name='" + $("#slt_province").val() + "']").attr("cities").split(" ");                $.each(city,function(i){                    $("<option></option>")                    .attr("value",city[i])                    .html(city[i])                    .appendTo("#slt_city")                })            }        })    })})
city.xml文件
<?xml version="1.0" encoding="gb2312"?><china>    <province name="全选" cities="全选"/>    <province name="安徽" cities="全选 安庆 蚌埠 巢湖 池州 滁州 阜阳 合肥 淮北 淮南 黄山 六安 马鞍山 宿州 铜陵 芜湖 宣城 亳州"/>    <province name="北京" cities="全选 北京"/>。。。。。。。。</china>

---

作者: 董维明    时间: 2013-4-13 09:31
这位大哥 我是真膜拜了，，你竟然从基础  问到框架，，而且是在 一天中问的，，跪求大神学习方法？

---

作者: huima    时间: 2013-4-13 11:18

huima 发表于 2013-4-12 12:04
如下所示：
$(document).ready(function(){    $.ajax({        type:"GET",        url:"city.xml",       ...

我没整理，你搞懂了就好！

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2