JS读取XML的单个数据。

Ptz88888 2011-11-11 02:42:00

怎么用JS或者JQUERY 读取XML的单个数据
<?xml version="1.0" encoding="utf-8" ?>
<tr>
<td title="北京">
<address>海淀区</address>
<sction>货到付款</sction>
<fu>城区不送</fu>
</td>
<td title="上海">
<adress>徐汇区</adress>
<sction>网上支付</sction>
<fu>可服务区除外</fu>
</td>
</tr>

我现在要读取这个XML
在前台拿到然后前台有个下拉列表框。
如果选择北京，那就读取 <address>海淀区</address> <sction>货到付款</sction> <fu>城区不送</fu>

...全文

140 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

xfzzf 2011-11-11

打赏
举报

方法可以，如果XML是GBK，不知如何解决乱码.

Ptz88888 2011-11-11

打赏
举报

[Quote=引用 2 楼 zell419 的回复:]

HTML code

<html>

<head>

<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<script src="http://ajax.googl……
[/Quote]
没用输出的是空白值

zell419 2011-11-11

打赏
举报



<html>



<head>



<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="Content-Language" content="zh-CN" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script language="javascript" type="text/javascript">

jQuery(function($) {

     $("#city").bind("change",function(){

	     $.ajax({

           url: "XMLFile.xml",

           success: function(xml){

               var td = $(xml).find("td[title='"+$("#city").val()+"']:first");

               $("#res").html(td.text());

           }

        });

	 });

}); 

</script>

</head>



<body>



<select id="city">

<option value="北京">北京</option>

<option value="上海">上海</option>

</select>

<div id="res"></div>

</body>

</html>

javascript_2011 2011-11-11

打赏
举报

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

<tr>

  <td title="北京">

  <address>海淀区</address>

  <sction>货到付款</sction>

  <fu>城区不送</fu>

  </td>

  <td title="上海">

  <adress>徐汇区</adress>

  <sction>网上支付</sction>

  <fu>可服务区除外</fu>

  </td>

</tr>

<html>



<head>



<title></title>

<script language="javascript" type="text/javascript">





function loadXMLDoc(dname)

{

   try // Internet Explorer

   {

      xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

   }

   catch(e)

   {

      try // Firefox, Mozilla, Opera, etc.

      {

         xmlDoc = document.implementation.createDocument("", "", null);

      }

      catch(e)

      {

         alert(e.message)

      }

   }

   try

   {

      xmlDoc.async = false;

      xmlDoc.load(dname);

      return(xmlDoc);

   }

   catch(e)

   {

      alert(e.message)

   }

   return(null);

}



function test(cityName)

{

   xmlDoc = loadXMLDoc('1.xml');

   x = xmlDoc.getElementsByTagName('td');

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

   {

      var c = x[i].children;

      // 取得xml中的 td 的属性 title

      if(x[i].getAttribute('title') == cityName)

      {

        for(var j=0;j<c.length;j++){

            document.getElementById('res').innerHTML += c[j].nodeName+":"+c[j].childNodes[0].nodeValue;

        }

      }

   }

}



</script>

</head>



<body>



<select id="city" onchange="test(this.value)">

<option value="北京">北京</option>

<option value="上海">上海</option>

</select>

<div id="res"></div>

</body>



</html>