創建xmldocument對象,並讀取xml,綁定到select, ie/ff通用

 dom對象可以方便的訪問xml數據源,以下簡單的演示了此功能:

<NewDataSet>
  <Table>
    <id>1</id>
    <sheng_num>10</sheng_num>
    <sheng_name>安徽</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>2</id>
    <sheng_num>11</sheng_num>
    <sheng_name>北京</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>3</id>
    <sheng_num>12</sheng_num>
    <sheng_name>福建</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>4</id>
    <sheng_num>13</sheng_num>
    <sheng_name>甘肅</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>5</id>
    <sheng_num>14</sheng_num>
    <sheng_name>廣東</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>6</id>
    <sheng_num>15</sheng_num>
    <sheng_name>廣西</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>7</id>
    <sheng_num>16</sheng_num>
    <sheng_name>貴州</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>8</id>
    <sheng_num>17</sheng_num>
    <sheng_name>海南</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>9</id>
    <sheng_num>18</sheng_num>
    <sheng_name>河北</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>10</id>
    <sheng_num>19</sheng_num>
    <sheng_name>河南</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>11</id>
    <sheng_num>20</sheng_num>
    <sheng_name>黑龍江</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>12</id>
    <sheng_num>21</sheng_num>
    <sheng_name>湖北</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>13</id>
    <sheng_num>22</sheng_num>
    <sheng_name>湖南</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>14</id>
    <sheng_num>23</sheng_num>
    <sheng_name>吉林</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>15</id>
    <sheng_num>24</sheng_num>
    <sheng_name>江蘇</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>16</id>
    <sheng_num>25</sheng_num>
    <sheng_name>江西</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>17</id>
    <sheng_num>26</sheng_num>
    <sheng_name>遼寧</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>18</id>
    <sheng_num>27</sheng_num>
    <sheng_name>內蒙古</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>19</id>
    <sheng_num>28</sheng_num>
    <sheng_name>寧夏</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>20</id>
    <sheng_num>29</sheng_num>
    <sheng_name>青海</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>21</id>
    <sheng_num>30</sheng_num>
    <sheng_name>山東</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>22</id>
    <sheng_num>31</sheng_num>
    <sheng_name>山西</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>23</id>
    <sheng_num>32</sheng_num>
    <sheng_name>陝西</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>24</id>
    <sheng_num>33</sheng_num>
    <sheng_name>上海</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>25</id>
    <sheng_num>34</sheng_num>
    <sheng_name>四川</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>26</id>
    <sheng_num>35</sheng_num>
    <sheng_name>天津</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>27</id>
    <sheng_num>36</sheng_num>
    <sheng_name>新疆</sheng_name>
    <sheng_Flag>0</sheng_Flag>
  </Table>
  <Table>
    <id>28</id>
    <sheng_num>37</sheng_num>
    <sheng_name>西藏</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>29</id>
    <sheng_num>38</sheng_num>
    <sheng_name>雲南</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>30</id>
    <sheng_num>39</sheng_num>
    <sheng_name>浙江</sheng_name>
    <sheng_Flag>1</sheng_Flag>
  </Table>
  <Table>
    <id>31</id>
    <sheng_num>40</sheng_num>
    <sheng_name>重慶</sheng_name>
    <sheng_Flag>0</sheng_Flag>
  </Table>
  <Table>
    <id>32</id>
    <sheng_num>41</sheng_num>
    <sheng_name>香港</sheng_name>
    <sheng_Flag>0</sheng_Flag>
  </Table>
  <Table>
    <id>33</id>
    <sheng_num>42</sheng_num>
    <sheng_name>澳門</sheng_name>
    <sheng_Flag>0</sheng_Flag>
  </Table>
  <Table>
    <id>34</id>
    <sheng_num>43</sheng_num>
    <sheng_name>臺灣</sheng_name>
    <sheng_Flag>0</sheng_Flag>
  </Table>
  <Table>
    <id>35</id>
    <sheng_num>44</sheng_num>
    <sheng_name>國外</sheng_name>
    <sheng_Flag>0</sheng_Flag>
  </Table>
</NewDataSet>

   <!--創建dom對象,ie/ff通用 開始-->
    function   createXmlDom(xmlstr){                                                                             
        if(window.DOMParser)//firefox內核的瀏覽器                                                                
        {                                                                                                        
            var   p   =   new   DOMParser();                                                                     
            return   p.parseFromString(   xmlstr,   "text/xml"   );                                              
        }                                                                                                        
        else   if(   window.ActiveXObject   )//ie內核的瀏覽器                                                    
        {                                                                                                        
            var   doc   =   new   ActiveXObject(   "Msxml2.DOMDocument"   );                                     
            doc.loadXML(xmlstr);                                                                                 
            return   doc;                                                                                        
        }                                                                                                        
        else                                                                                                     
           return   false;                                                                                      
    }                                                                                                            
 <!--創建dom對象,ie/ff通用 結束-->

<!--讀取xml同步獲取獲取省份 開始-->
    function loadprovincexml()                                                                                   
    {                                                                                                            
        var myajax = new ajaxsz();                                                                               
        var province =  myajax.sendData("POST","http://localhost:5964/GetData/GetXML.aspx",false,"");            
        province = province.replace(//n/g,"").replace(//s+/g,"");//替換換行和空格,ff的換行和空格都算一個節點                
                                                                                                                  
        var select1 = document.getElementById("Select1");                                                        
      for (i = select1.length; i >= 0; i--)                                                                    
      {                                                                                                        
              select1.remove(i);                                                                                 
        }                                                                                                        
                                                                                                                 
        select1.options.add(new   Option("---選擇省份---","0"));                                                 
                                                                                                                 
      var xmldoc = new createXmlDom(province);                                                                 
        var nodes=xmldoc.documentElement.childNodes;                                                             
     for(var i=0;i<nodes.length;i++)                                                                          
     {                                                                                                        
         var newOption = document.createElement("OPTION");                                                    
            newOption.text=nodes[i].childNodes[2].childNodes[0].nodeValue;                                       
            newOption.value=nodes[i].childNodes[1].childNodes[0].nodeValue;                                      
            select1.options.add(newOption);                                                                      
     }                                                                                                        
     }
<!--讀取xml同步獲取獲取省份 結束-->

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章