求解，js解析xml显示出来……急！

huang10086 2011-06-07 02:39:29

<city name="长沙">
<news>
<title>城市和机场名称（所有通航点城市和机场名称）</title>
<content>长沙--黄花国际机场(http://www.hncaac.com)</content>
</news>
<news>
<title>简介</title>
<content>
长沙黄花国际机场始建于一九八六年六月，一九八九年八月二十九日正式开航，历经扩建及改造，现机场飞行区等级为4D级，拥有3.4万平方米的新航站楼，2.2万平方米的停车场，机场现有跑道长2600米以及等长的平行滑行道，有ILS、VOR/DME、NDB等通讯导航系统，以及先进、完善的地面安全和服务保障设备设施，可保障波音737、757、767，空客320，麦道82等大型客机起降。
</content>
</news>
<news>
<title>转机信息（对应机场）</title>
<content>无</content>
</news>
</city>

如何能把什么的xml用js读取显示在html上？？？

...全文

77 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

huang10086 2011-06-07

打赏
举报

xml文件，那个头部没有复制过来[Quote=引用 1 楼 lrbyantai 的回复:]
你这个是一个xml文件，还是当成一个xml字符串呢？

而且如果是xml的话，头部的声明部分呢？
[/Quote]

huang10086 2011-06-07

打赏
举报

谢谢[Quote=引用 4 楼 lrbyantai 的回复:]
JScript code

<script type="text/javascript">
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("Micro……
[/Quote]

huang10086 2011-06-07

打赏
举报

好的谢谢[Quote=引用 3 楼 zxingchao2009 的回复:]
晕，xml文件复制错了
city.xml:

XML code

<?xml version="1.0" encoding="UTF-8"?>
<city>
<news>
<title>城市和机场名称（所有通航点城市和机场名称）</title>
<content>长沙--黄花国际机场(http://www.hncaac.com)</content>
</news……
[/Quote]

蛋黄车 2011-06-07

打赏
举报



		<script type="text/javascript">

		if(window.XMLHttpRequest){

			xmlhttp=new XMLHttpRequest();	

		}else{

			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

		}

		xmlhttp.open("GET","XXX.xml",false);

		xmlhttp.send();

		xmlDoc=xmlhttp.responseXML;

		

		document.write("<table border='1'>");

		document.write("<th><td>标题</td><td>内容</td></th>");

		var x=xmlDoc.getElementsByTagName("news");

		

		for(i=0;i<x.length;i++){

			document.write("<tr><td>");

			document.write(x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue);

			document.write("</td><td>");

			document.write(x[i].getElementsByTagName("content")[0].childNodes[0].nodeValue);

			document.write("</td></tr>");

		}

		document.write("</table>");

		</script>

读取xxx.xml文件，并在页面展示

UPC_思念 2011-06-07

打赏
举报

晕，xml文件复制错了
city.xml:



<?xml version="1.0" encoding="UTF-8"?>

<city>

<news>

	<title>城市和机场名称（所有通航点城市和机场名称）</title>

	<content>长沙--黄花国际机场(http://www.hncaac.com)</content>

</news>

<news>

	<title>简介</title>

	<content>

		长沙黄花国际机场始建于一九八六年六月，一九八九年八月二十九日正式开航，历经扩建及改造，现机场飞行区等级为4D级，拥有3.4万平方米的新航站楼，2.2万平方米的停车场，机场现有跑道长2600米以及等长的平行滑行道，有ILS、VOR/DME、NDB等通讯导航系统，以及先进、完善的地面安全和服务保障设备设施，可保障波音737、757、767，空客320，麦道82等大型客机起降。

	</content>

</news>

<news>

	<title>转机信息（对应机场）</title>

	<content>无</content>

</news>

</city>

UPC_思念 2011-06-07

打赏
举报

前端可以使用jquery来解析xml
jquery的js包自己网上下载，将其放在js文件夹下
在编写一个city.xml，放在和该html页面同级目录下
贴代码：
city.xml:



<html>

	<head>

		<script type="text/javascript" src="js/jquery-1.4.2.min.js">

</script>

<script  type ="text/javascript" >  

     $( function ()  {

         $.post('city.xml', function (data)  {

              // 查找所有的news节点 

              var  s = "" ;

             $(data).find('news').each( function (i)  {

                  var  title = $( this ).children('title').text();

                  var  content = $( this ).children('content').text();

                 s += title + "     " +content +"<br>" ;

             } );

             $('#mydiv').html(s);

         } );

     } );

 </script >

	</head>

	<body>

	<div id ='mydiv'></div> 

	</body>

</html>

html页面:

[code=HTML]

<html>

	<head>

		<script type="text/javascript" src="js/jquery-1.4.2.min.js">

</script>

<script  type ="text/javascript" >  

     $( function ()  {

         $.post('city.xml', function (data)  {

              // 查找所有的news节点 

              var  s = "" ;

             $(data).find('news').each( function (i)  {

                  var  title = $( this ).children('title').text();

                  var  content = $( this ).children('content').text();

                 s += title + "     " +content +"<br>" ;

             } );

             $('#mydiv').html(s);

         } );

     } );

 </script >

	</head>

	<body>

	<div id ='mydiv'></div> 

	</body>

</html>