jQuery-Ajax之加载XML文件

最新推荐文章于 2021-08-05 23:12:26 发布

我叫阿狸猫

最新推荐文章于 2021-08-05 23:12:26 发布

阅读量974

点赞数

分类专栏： Jquery

本文链接：https://blog.youkuaiyun.com/world_java/article/details/9636591

版权

Jquery 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了如何使用jQuery的get()和post()方法加载XML文件，并通过find()、children()等函数解析XML内容，以及使用each()方法遍历XML元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>