码迷,mamicode.com
首页 > Web开发 > 详细

Ajax嵌套

时间:2017-07-09 17:15:16      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:ext   合成   app   执行   div   success   span   格式   pre   

把全国省市的两个XML文件整合成一个JSON格式的数据
<script type="text/javascript">
$(function () {
$.ajax({
type: "get",
url: "/XmlData/Provinces.xml",
datatype: "xml",
success: function (xml) {
$("body").append("{");
$(xml).find("Provinces > Province").each(function (i) {
$("body").append("{\"PID\":\"" + $(this).attr("ID") + "\",\"ProvinceName\": \"" + $(this).attr("ProvinceName") + "\",\"Citys\":[");
//根据省份,请求读取该省的市
GetCitys($(this).attr("ID"));
//第二个请求end
$("body").append("]},<br/>");
});
}
});
})
//第二次请求
function GetCitys(pid) {
$.ajax({
type: "get",
url: "/XmlData/Cities.xml",
datatype: "xml",
async: false,//注意!!这个为必要的参数,不然这个会在上面的Ajax请求后才执行
success: function (xml) {
$(xml).find("Cities > City[PID=" + pid + "]").each(function (i) {
$("body").append("{\"CityID\":\"" + $(this).attr("ID") + "\",\"CityName\":\"" + $(this).attr("CityName") + "\"},");
});
}
});
}
结果:
{
{\"ProvinceID\":\"1\",\"Province\":\"北京市\",\"City\":[{\"CityID\":\"1\",\"CityName\":\"北京市\"}]}, {\"ProvinceID\":\"2\",\"Province\":\"天津市\",\"City\":[{\"CityID\":\"2\",\"CityName\":\"天津市\"}]},
。。。。。
}

 

Ajax嵌套

标签:ext   合成   app   执行   div   success   span   格式   pre   

原文地址:http://www.cnblogs.com/shen199103/p/7141759.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!