<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        



    
	
    
		
			


    
	
    

    posts - 165, comments - 198, trackbacks - 0, articles - 1
    
	
 
BlogJava ::
首頁 ::
新隨筆 ::
聯(lián)系 ::
聚合
 ::
管理


    
		    		
	
    
	
    
		
			
    
			
    
		    		
		
			
    
				
					
	
    
		
		
    
		
				問題:
				對javascript Dom 解讀 xml? 的問題
    
		    
		
				解決:
		網(wǎng)頁中 javascript 學(xué)習(xí)

    過程 js
    function?searchSales(){
    ????    var?url?=?"MyXml.xml";???????????// url 不限制 可以為 jsp? *.do? 只要 out.print()出來的 是 xml 格式
    ????    var?myAjax?=?new?Ajax.Request(
    ???????????? ?url,
    ????    {
    ????method:?'get',
    ????onComplete:?action????????????? // 成功得到 requ 的掛載方法
    ????}    );
    }

    function??action(request)
    {
    ????    var?dom?=?request.responseXML;??? //返回 javascript Dom 解讀對象 
    ????
    ????    var?list?=?dom.getElementsByTagName('Weapon');?
    ????????????????????????????????//返回標(biāo)簽名<Weapon>? 集合項(xiàng)可用.item(i) 得出? .firstChild.nodeValue得值
    ?
    ????    for(?var?i?=?0;?i?<?list.length;?i++?)?{
    ????????    var?nli?=?list.item(i);
    ????????    var?W?=?nli.getElementsByTagName(?'W'?);
    ????????window.alert(W.item(    0).firstChild.nodeValue);
    ????}
    ?????
    }

    HTML 頁面

    </HEAD>
    <head>
    ????    <script?src="prototype1.5.0.js"></script>
    ????    <script?src="xml.js"></script>
    </head>
    <input?id='test'?type="submit"?value="test"?onclick="searchSales();"?>
    </HTML>

    XML 

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

    ????    <Weapon?id="1">
    ????????    <W?Text="光束劍"?Value="0">1</W>
    ????????    <W?Text="光束配刀"?Value="1">2</W>
    ????    </Weapon>

    ????    <Weapon?id="2">
    ????????    <W?Text="光束劍"?Value="0">3</W>
    ????????    <W?Text="光束配刀"?Value="1">4</W>
    ????    </Weapon>
    ????
    ?????    <Weapon?id="3">
    ????????    <W?Text="光束劍"?Value="0">5</W>
    ????????    <W?Text="光束配刀"?Value="1">6</W>
    ????    </Weapon>
    </Login>

    心得: 調(diào)試了很久當(dāng)時(shí)對javascript 的不熟悉,但我沒有放棄 去網(wǎng)上查,問同事 最后成功
    ?????????????????---------------------?堅(jiān)持就是勝利?------------------
    
	
    
	


    
	    
    

    

    評論
    
	
			
    
				
    
					
    
						# re: My Ajax  回復(fù)  更多評論
						  
					
    
					2007-05-18 17:35 by G_G
				
    
				
    

    function searchSales(){
            var url = "MyXml.xml";
            var myAjax = new Ajax.Request(
        url,
            {
        method: 'get',
        onComplete: test
        }    );
    }

    function test(request)
    {
            var dom = request.responseXML;
            var root = dom.documentElement;
    //    window.alert( root );
        
            var list = dom.getElementsByTagName('W');  

            for( var i = 0; i < list.length; i++ ) {
            window.alert(list.item(i).firstChild.nodeValue);
        }
         
    }
    

    
得出結(jié)果是 1 2 3 4 5 6

    
			
    
		
			
    
				
    
					
    
						# re: My Ajax  回復(fù)  更多評論
						  
					
    
					2007-05-21 14:17 by G_G
				
    
				
    

    
    
        
    
            對象
            屬性 
            方法
        
    
        
    
            XMLDocument
            
            
    documentElement
     得到   root
    
                		
            
        
    
        
    
            HTMLCollection  
            length  得到長度
            item(i)  得到 Element
        
    
        
    
            Element
            .firstChild.nodeValue 得到 value?   
            getAttribute('id') 得到 attribut 
        
    
        

    

    

     
    

     其他屬性方法參見 http://wddavid.cnblogs.com/archive/2005/07/25/199358.html


    

    function searchSales(){
            var url = "MyXml.xml";
            var myAjax = new Ajax.Request(
        url,
            {
        method: 'get',
        onComplete: test
        }    );
    }

    function test(request)
    {
            var dom = request.responseXML;
            var root = dom.documentElement;    
            var body = root.getElementsByTagName('body').item(0);
            var pid_1 = function(){
                var listP = body.getElementsByTagName('p');
                for(var i=0; i<listP.length; i++){
                    if(listP.item(i).getAttribute('id')=='2')
                        return listP.item(i);
            }
                return null;
        }
    //    alert(oHtml.childNodes.item(0));
    //        alert(oHead.parentNode==oHtml);  
    //        alert( oP.item(0).getAttribute('id')  ); 
    //        alert( oP.item(0).attributes.getNamedItem("id").nodeValue  ); 
    //        alert( oP.getAttribute('id') );
        alert(pid_1().firstChild.nodeValue);
    }
    

    

    

    
			
    
		
			
    
				
    
					
    
						# re: My Ajax  回復(fù)  更多評論
						  
					
    
					2007-05-21 17:20 by G_G
				
    
				
    

    function searchSales(){
            var url = "MyXml.xml";
            var myAjax = new Ajax.Request(
        url,
            {
        method: 'get',
        onComplete: test
        }    );
    }

         function getMyElement(obj,tagName,attrName,value) {
                 var list = obj.getElementsByTagName(tagName);
                for(var i=0; i<list.length; i++){
                    if(list.item(i).getAttribute(attrName)==value)
                        return obj.getElementsByTagName(tagName).item(i);
            }
                return null;
     }
     
    function test(request)
    {
            var dom = request.responseXML;
            var root = dom.documentElement;    
            var weapon = getMyElement(root,'Weapon','id','3');
            var W = getMyElement(weapon,'W','Value','0');
        window.alert(W.firstChild.nodeValue);
    }
    

    
哈哈 高級的  ...

    
			
    
		
			
    
				
    
					
    
						# 動(dòng)態(tài)javascript建表  回復(fù)  更多評論
						  
					
    
					2007-06-05 17:37 by G_G
				
    
				
    問題: Ajax 讀出來xml  怎么由 javascript 建表
    

    解決:   var dom = new ActiveXObject("Microsoft.XMLDOM"); //得到 XMLDom 對象
    

                并 dom.loadXML( request.responseText ) ; 
    

                                  由prototype 的 request.responseText  填 充 XMLDom 
    

             
    

     http://localhost:7000/xxs/test.do        返回

             一個(gè)String  弄出來的 XML  大概就如下
    

    

      <?xml version="1.0" encoding="gb2312" ?> 
    -     <mans>
    -     <man>
          <name>google</name> 
          <avg>23</avg> 
          </man>
    -     <man>
          <name>heha</name> 
          <avg>23</avg> 
          </man>
          </mans>
    

    

    

       
    

     
    

     
    

    


    <html>

          <head>
            <title>MyHtml.html</title>
              <SCRIPT language="Javascript" src="prototype1.5.0.js"></SCRIPT>
          </head>
              <body>
                <input id='test' type="submit" value="test" onclick="searchSales();" >
            </body>
    </html>

    <script type="text/javascript">
    <!--
            function searchSales(){
                var url = 'http://localhost:7000/xxs/test.do';           // url 不限制 可以為 jsp  *.do  只要 out.print()出來的 是 xml 格式
            var myAjax = new Ajax.Request(
            url,
                {
            method: 'get',
            onComplete: action                  // 成功得到 requ 的掛載方法
            }    );
        }
        
        
            function  action(request)
            {
                var dom = new ActiveXObject("Microsoft.XMLDOM");
            dom.loadXML(request.responseText);
                var root = dom.documentElement;
                var body = document.getElementsByTagName('body')[0];
                var my_array = new Array();
            my_array[    0] = "name";
            my_array[    1] = "avg";
                var table_1 = table(root,"man",my_array);
            
            table_1.setAttribute(    "border","2");

            body.appendChild(table_1);
        }
        
        
            function table(root,trName,tdNames) {
                var tbl     = document.createElement('table')
                var tblBody =  document.createElement('tbody')
                var rows = root.getElementsByTagName(trName);
                for (var i = 0; i <rows.length; i++) {
                    var tr = document.createElement('tr')
                    for(var j=0;j<tdNames.length;j++){
                            var col = rows.item(i).getElementsByTagName(tdNames[j])[0];
                            var value =  col.firstChild.nodeValue ;
                             var td = document.createElement('td');
                         td.innerHTML     = value ;
                          tr.appendChild(td);
               }
                tblBody.appendChild(tr);
            }
           tbl.appendChild(tblBody);
             return tbl;
    }

    //-->
    </script>
    

    

    
			
    
		
			
    
				
    
					
    
						# re: XMLDOM 詳細(xì)說明和網(wǎng)上有關(guān)資源 + 動(dòng)態(tài)javascript建表  回復(fù)  更多評論
						  
					
    
					2007-06-08 20:46 by wqdqw
				
    
				
    qwd
    
			
    
		




    








    

				
			
    
		    		
	
    
	
    
		
			


		
	
    

    


    







    
        
	



主站蜘蛛池模板：
小小影视日本动漫观看免费|
午夜国产精品免费观看|
爱丫爱丫影院在线观看免费|
国产猛男猛女超爽免费视频|
无码人妻丰满熟妇区免费|
日本黄网站动漫视频免费|
成人性生交视频免费观看|
亚洲精品无码日韩国产不卡?V|
亚洲产国偷V产偷V自拍色戒
|
女人张腿给男人桶视频免费版|
破了亲妺妺的处免费视频国产|
免费人成网站在线高清|
亚洲第一AAAAA片|
亚洲一级大黄大色毛片|
国产天堂亚洲国产碰碰|
久久免费线看线看|
99精品全国免费观看视频|
亚洲国产精品无码久久九九|
亚洲第一精品福利|
亚洲中文字幕无码中文字|
一级成人毛片免费观看|
最近2022中文字幕免费视频|
黄网址在线永久免费观看
|
亚洲日本一区二区|
亚洲国产日韩视频观看|
国产伦精品一区二区免费|
国产成人免费高清激情明星|
国产在线不卡免费播放|
久久亚洲精品中文字幕三区|
四虎亚洲精品高清在线观看|
好湿好大好紧好爽免费视频|
最近高清中文字幕无吗免费看|
免费观看午夜在线欧差毛片|
亚洲今日精彩视频|
色欲aⅴ亚洲情无码AV|
久操视频免费观看|
国产一级高清视频免费看|
亚洲AV区无码字幕中文色|
另类图片亚洲校园小说区|
最刺激黄a大片免费网站|
免费一级特黄特色大片在线|