<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 學習

    過程 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');?
    ????????????????????????????????//返回標簽名<Weapon>? 集合項可用.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>

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


    
	    
    

    

    評論
    
	
			
    
				
    
					
    
						# re: My Ajax  回復  更多評論
						  
					
    
					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);
        }
         
    }
    

    
得出結果是 1 2 3 4 5 6

    
			
    
		
			
    
				
    
					
    
						# re: My Ajax  回復  更多評論
						  
					
    
					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  回復  更多評論
						  
					
    
					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);
    }
    

    
哈哈 高級的  ...

    
			
    
		
			
    
				
    
					
    
						# 動態(tài)javascript建表  回復  更多評論
						  
					
    
					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        返回

             一個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 詳細說明和網(wǎng)上有關資源 + 動態(tài)javascript建表  回復  更多評論
						  
					
    
					2007-06-08 20:46 by wqdqw
				
    
				
    qwd
    
			
    
		




    








    

				
			
    
		    		
	
    
	
    
		
			


		
	
    

    


    







    
        
	



主站蜘蛛池模板：
中文字幕手机在线免费看电影|
亚洲人AV在线无码影院观看|
中文字幕免费在线看线人动作大片
|
午夜无码A级毛片免费视频
|
久久精品国产亚洲精品2020|
a级片免费观看视频|
亚洲不卡中文字幕无码|
久久99免费视频|
亚洲黄色在线视频|
84pao强力永久免费高清|
亚洲午夜久久久久久尤物|
日韩免费a级毛片无码a∨|
亚洲乱妇老熟女爽到高潮的片|
精品国产免费观看久久久|
曰批全过程免费视频免费看|
亚洲日韩国产精品乱|
久久青草91免费观看|
亚洲国产美女视频|
日本黄色免费观看|
jizz免费在线影视观看网站|
亚洲色成人中文字幕网站|
100部毛片免费全部播放完整|
亚洲午夜理论片在线观看|
免费很黄很色裸乳在线观看|
国产在线观看免费视频软件|
亚洲精品美女久久久久|
日韩在线看片免费人成视频播放|
国产黄片不卡免费|
久久精品国产亚洲AV久|
亚洲第一成人影院|
国产成人精品免费午夜app|
亚洲国产精品无码久久98|
国产亚洲精AA在线观看SEE|
在线观看免费高清视频|
成人国产精品免费视频|
亚洲人成在线播放|
亚洲日本一区二区三区在线|
久草视频免费在线|
三级黄色片免费看|
亚洲色无码专区一区|
亚洲av日韩av不卡在线观看|