当前位置:编程学习 > C#/ASP.NET >>

谁把我XML的数据取到JS中

把XML中的数据 转化成JS能用的二维数组 
<?xml version="1.0" encoding="gb2312"?>
<IMGXY>
  <person name="不知道怎么自动增长">
  <X>773</X>
  <Y>544</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1080</X>
  <Y>549</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>773</X>
  <Y>544</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1080</X>
  <Y>549</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1077</X>
  <Y>550</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1075</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>993</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>773</X>
  <Y>544</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1080</X>
  <Y>549</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1077</X>
  <Y>550</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1075</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>993</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1077</X>
  <Y>550</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1075</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>993</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>773</X>
  <Y>544</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1080</X>
  <Y>549</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1077</X>
  <Y>550</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1075</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>993</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1077</X>
  <Y>550</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1075</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>993</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1077</X>
  <Y>550</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>1075</X>
  <Y>575</Y>
  </person>
  <person name="不知道怎么自动增长">
  <X>993</X>
  <Y>575</Y>
  </person>
</IMGXY

把XY轴变成二维数组~~~ --------------------编程问答-------------------- 思路  先把xml 文件 放在临时的集合里面 如list    ajax 放回到js 去接受。。。。 --------------------编程问答-------------------- json --------------------编程问答-------------------- 没个例子吗???
--------------------编程问答-------------------- 先判断浏览器,然后读取xml数据就可以了
//判断不同的浏览器
 function InitMf()
 {
  var mf_change=false; 
   try { 
    mf_change = new ActiveXObject("Msxml2.XMLHTTP"); 
   } catch (e) { 
    try { 
      mf_change = new ActiveXObject("Microsoft.XMLHTTP"); 
    } catch (E) { 
     mf_change = false; 
    } 
   }
   if (!mf_change && typeof XMLHttpRequest!='undefined') { 
    mf_change = new XMLHttpRequest(); 
   } 
   return mf_change;
 }

读取数据
var xmlHttp = InitMf();
  var HTML = "";
  //获得xml文件
  xmlHttp.open("GET", xmlfile+"?"+Math.random(), true);
  // 设置处理服务器的JS函数,函数又 xmlHttp.onreadystatechange来确定 
  xmlHttp.onreadystatechange=function() {
      //alert(xmlHttp.status);
   if (xmlHttp.readyState==4 && xmlHttp.status==200) {
    //ajax的XML传输的解析。获取解析的数据
    var xml = xmlHttp.responseXML;
    var node = xml.getElementsByTagName("item");//获得总结点
    for(var i = 0 ; i < node.length ; i++){
     var str_t = "";
     var str_d = "";
     var menuHTML = "";
     var elem = node[i];
     //下面开始获得子节点数据,当然可以继续循环,获得更下面的节点
     var title = elem.getElementsByTagName("title")[0].textContent != undefined ? elem.getElementsByTagName("title")[0].textContent : elem.getElementsByTagName("title")[0].text;
--------------------编程问答--------------------

$.ajax({
                    type: "get",
                    url: "XML_1.xml",
                    dataType: "xml",
                    success: function (xml) {
                        $(xml).find("person ").each(function (i) {
                            $(this).find("X").text();
                        });
                    }
                });

用jquery
这样就很容易操作xml中的节点 --------------------编程问答-------------------- 先将xml序列化为实体类,然后转成json格式并返回到前台 --------------------编程问答-------------------- <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $.ajax({
            url:"XMLFile.xml",
            type:"get",
            success:function(result){
                $(result).find("item").each(function(i){
                    $("#img"+(i+1)).attr("src",$(this).attr("item_url"))
                })
            }
        })
    })
</script>
</head>
<body>
<img id="img1" src="" />
<img id="img2" src="" />
</body>
</html> --------------------编程问答-------------------- <person name="不知道怎么自动增长">

用guid吧
--------------------编程问答-------------------- javascript用dom api也可直接操作xml,不知道你非要二维数组干什么
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,