jQuery-Ajax之加载XML文件

jQuery-Ajax之get()和post():

JQuery 可以通过 $.get() 或 $.post() 方法来加载 xml.

JQuery 解析 XML 与解析 DOM 一样, 可以使用 find(), children() 等函数来解析和用 each() 方法来进行遍历

练习：

被加载的xml文件

<?xml version="1.0" encoding="GB2312"?>
<china>
	<province name="吉林省">
		<city>长春</city>
		<city>吉林市</city>
		<city>四平</city>
		<city>松原</city>
		<city>通化</city>
	</province>
	<province name="辽宁省">
		<city>沈阳</city>
		<city>大连</city>
		<city>鞍山</city>
		<city>抚顺</city>
		<city>铁岭</city>
	</province>
	<province name="山东省">
		<city>济南</city>
		<city>青岛</city>
		<city>威海</city>
		<city>烟台</city>
		<city>潍坊</city>
	</province>
</china>	

city.html

<script language="JavaScript">
  	$("#province").change(function(){
		$.get("cities.xml","",function(data,textStatus){
			$(data).find("province").each(function(index,domEle){
				alert($(domEle).attr("name"));//打印province标签中name属性
			});
		});
	});
</script>