<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 ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理


    
		    		
	
    
	
    
		
			
    
			
    
		    		
		
			
    
				
					
	
    
		
		
    
		
				問題:
				對javascript Dom 解讀 xml? 的問題
    
		    
		
				解決:
		網頁中 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 的不熟悉,但我沒有放棄 去網上查,問同事 最后成功
    ?????????????????---------------------?堅持就是勝利?------------------
    
	
    
	


    
	    
    

    

    評論
    
	
			
    
				
    
					
    
						# 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);
    }
    

    
哈哈 高級的  ...

    
			
    
		
			
    
				
    
					
    
						# 動態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 詳細說明和網上有關資源 + 動態javascript建表  回復  更多評論
						  
					
    
					2007-06-08 20:46 by wqdqw
				
    
				
    qwd
    
			
    
		




    








    

				
			
    
		    		
	
    
	
    
		
			


		
	
    

    


    







    
        
	



主站蜘蛛池模板：
立即播放免费毛片一级|
国产午夜精品久久久久免费视|
国产无遮挡又黄又爽免费视频|
国产亚洲精品91|
亚洲色欲一区二区三区在线观看|
精品熟女少妇a∨免费久久|
在线综合亚洲中文精品|
国产亚洲精久久久久久无码77777
国产亚洲精品成人AA片新蒲金
|
国产免费拔擦拔擦8X高清在线人|
亚洲国语在线视频手机在线|
国产成人免费a在线资源|
可以免费观看的国产视频|
国产成人精品日本亚洲专|
国产亚洲精久久久久久无码AV|
五月婷婷在线免费观看|
男女啪啪免费体验区|
亚洲精品91在线|
亚洲性日韩精品一区二区三区
|
CAOPORN国产精品免费视频|
亚洲国产精品成人综合久久久|
亚洲裸男gv网站|
很黄很黄的网站免费的|
亚洲国产免费综合|
亚洲女女女同性video|
亚洲AV无码欧洲AV无码网站|
免费黄色大片网站|
无码国产精品一区二区免费式芒果
|
a毛片基地免费全部视频|
久久成人18免费网站|
亚洲熟妇AV乱码在线观看|
99亚洲精品高清一二区|
婷婷亚洲天堂影院|
成年女人免费v片|
国产无遮挡裸体免费视频在线观看|
欧美激情综合亚洲一二区|
亚洲综合区图片小说区|
亚洲国产另类久久久精品黑人
|
免费电影在线观看网站|
无码中文字幕av免费放dvd|
一级免费黄色大片|
亚洲第一第二第三第四第五第六|