石頭JAVA擺地攤兒
          
				
          JAVA所有的討論-要一點一點的進步
          
			          		
		
          
	
          

          

          
	
          
		
          
			
 
BlogJava ::
首頁 ::
 ::
聯系 ::

 ::
管理 ::


			
			
				

          
	
          
		
          
			
			
			
				 
				30 
				隨筆 ::
				0 文章
				::
				11 評論
				::
				0 Trackbacks
			
		
          
	
          

          

			          		
		
          
	
          

          


          


          
	
					

          
	
	
	
          
		
           < % @ page language = "java" import = "java.util.*" pageEncoding = "utf-8" % >
          
          <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
          
           < html >
          

          
           < head >
          
           < meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >
          
 
          
           < script >
          
var ajaxObject;
          
function createAjax()
          
{
          
   if (window.ActiveXObject)
          
   {
          
      ajaxObject = new ActiveXObject("Microsoft.XMLHTTP");
          
   }
          
   else if(window.XMLHttpRequest)
          
   {
          
      ajaxObject = new XMLHttpRequest();
          
   }
          
}
          

          

          

          
function showText()
          
{
          
   createAjax();
          
   ajaxObject.onreadystatechange = backCall;
          
   ajaxObject.open("GET", "userInfo.xml", true);
          
   ajaxObject.send(null);
          
}
          

          
function backCall()
          
{
          
   if (ajaxObject.readyState == 4)
          
   {
          
      if (ajaxObject.status == 200)
          
      {
          
         var tableClear = document.getElementById("mytable").childNodes;
          
         for(var i = 0; i           < tableClear.length; i ++ )
          
         {
          
            var temp           = tableClear[i];
          
                      document.getElementById("mytable").removeChild(temp);
          
         }
          

          
         var xmlString           = ajaxObject.responseXML;
          
                   var beanString = xmlString.getElementsByTagName("bean")[0];
          
                   var className = beanString.getAttribute("class");
          
                   document.getElementById("className").innerText = document.getElementById("className").innerText + className;
          
         var autowire           = beanString.getAttribute("autowire");
          
                   document.getElementById("autowire").innerText = document.getElementById("autowire").innerText + autowire;
          

          
         var propertyString           = xmlString.getElementsByTagName("property")[0];
          
                   var propertyName = propertyString.getAttribute("name");
          
                   document.getElementById("property").innerText = document.getElementById("property").innerText + propertyName;
          

          
         var propsString           = xmlString.getElementsByTagName("props")[0];
          
                   var propString = propsString.getElementsByTagName("prop");
          
                   for(var i = 0; i < propString.length;
          
         i ++ )
          
         {
          
            var tempPropString           = propString[i];
          

          
                      var newRow = document.getElementById("mytable").insertRow();
          

          
                      var mytd1 = newRow.insertCell();
          
                      var mytd2 =  newRow.insertCell();
          

          
                      mytd1.innerHTML = tempPropString.getAttribute("key");
          

          
                      mytd2.innerHTML = tempPropString.childNodes[0].nodeValue;
          

          
                   }
          

          

          
      }
          
   }
          

          

          
}
          

          

          
 < / script           >
          
           < / head >
          

          
           < body >
          
           < div id = "className" >
          
className :
          
           < / div >
          
           < div id = "autowire" >
          
autowire :
          
           < / div >
          
           < div id = "property" >
          
property :
          
           < / div >
          
           < div id = "propertyName" >
          
           < / div >
          

          
           < div id = "mydiv" >
          
           < table id = "mytable" width = "90%" border = "1px" >
          
           < / table >
          
           < / div >
          
           < input type = "button" onclick = "showText()" value = "click me!"
          
name           = "button" / >
          
           < / body >
          

          
           < / html >
          

          

          <?xml version="1.0" encoding="UTF-8"?>
          
          <!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" " http://www.springframework.org/dtd/spring-beans.dtd">
          
          <beans>
          
              <!-- 管理觸發器 -->
          
              <bean
          
                  class="org.springframework.scheduling.quartz.SchedulerFactoryBean"
          
        autowire          ="no">
          
                  <property name="quartzProperties">
          
                      <props>
          
                          <prop key="org.quartz.scheduler.instanceId">
          
                    instance_1
          
                          </prop>
          
                          <prop key="org.quartz.scheduler.rmi.export">false</prop>
          
                          <prop key="org.quartz.scheduler.rmi.proxy">false</prop>
          
                          <prop key="org.quartz.threadPool.class">
          
                    org.quartz.simpl.SimpleThreadPool
          
                          </prop>
          
                          <prop key="org.quartz.threadPool.threadCount">5</prop>
          
                          <prop key="org.quartz.jobStore.class">
          
                    org.quartz.simpl.RAMJobStore
          
                          </prop>
          
                      </props>
          
                  </property>
          
              </bean>
          
          </beans>
          

	
          
	
	
          
		posted on 2009-05-12 23:01 石頭JAVA擺地攤兒 閱讀(1045) 評論(1)  編輯  收藏  
	
          

          







          
	    
    


          

          
	
          評論
          
		
		
				
          			
					
          
						# re: Ajax+JavaScript+DOM解析XML并動態創建table
							
								2009-05-28 16:58
							
						duduli
					
          
					
          
						截個圖好點。  回復  更多評論
						
          
						  
					
          
				
          
				
          
			

          




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊用戶登錄后才能發表評論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          




    







          
        
	




主站蜘蛛池模板：
太保市|
南康市|
调兵山市|
马公市|
财经|
上饶县|
襄汾县|
驻马店市|
齐齐哈尔市|
龙井市|
广丰县|
兴文县|
景泰县|
五原县|
沈阳市|
新野县|
南川市|
开远市|
衡水市|
平陆县|
九寨沟县|
湘潭市|
江源县|
澳门|
石泉县|
松江区|
久治县|
三门峡市|
慈利县|
隆尧县|
宁远县|
台东县|
桐城市|
海阳市|
临夏市|
仙游县|
盐源县|
西昌市|
繁昌县|
巨野县|
简阳市|