<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
    
			
    
		




    








    

				
			
    
		    		
	
    
	
    
		
			


		
	
    

    


    







    
        
	



主站蜘蛛池模板：
无码av免费一区二区三区|
在线看片v免费观看视频777|
亚洲一区二区无码偷拍|
国产亚洲精品国看不卡|
永久免费av无码网站大全|
足恋玩丝袜脚视频免费网站|
国产精品玖玖美女张开腿让男人桶爽免费看
|
成人性生交大片免费看好|
老牛精品亚洲成av人片|
亚洲成人在线免费观看|
亚洲色自偷自拍另类小说|
免费在线不卡视频|
黄色片在线免费观看|
91麻豆国产免费观看|
日韩免费高清播放器|
丰满少妇作爱视频免费观看|
亚洲爆乳精品无码一区二区|
亚洲av无码片在线观看|
久久久久亚洲精品无码蜜桃|
亚洲成色www久久网站夜月|
亚洲精品视频久久久|
亚洲高清无码专区视频|
国产免费观看网站|
精品少妇人妻AV免费久久洗澡|
国产99视频精品免费观看7|
69视频在线观看高清免费|
久久精品免费观看国产|
免费在线观影网站|
99久久精品毛片免费播放|
国产男女爽爽爽免费视频
|
成人永久免费福利视频网站|
成人免费无码大片A毛片抽搐|
免费观看美女用震蛋喷水的视频
|
亚洲AV无码AV男人的天堂不卡
|
久久久久久精品成人免费图片
|
女人18特级一级毛片免费视频|
久久免费看少妇高潮V片特黄|
男性gay黄免费网站|
亚洲风情亚Aⅴ在线发布|
中文字幕亚洲第一在线|
亚洲av色福利天堂|