隨筆 - 147 
文章 - 71 
trackbacks - 0


           
	

          

          
	
		
          
			
          
	
          
		
          <2009年2月>
          
	
          日一二三四五六
          25262728293031
          1234567
          891011121314
          15161718192021
          22232425262728
          1234567
          

          

          
			



			

          常用鏈接
          


          留言簿(1)
          




		
          隨筆分類(146)
          
		
				
			
	
		
          隨筆檔案(147)
          
		
				
			
	
		
          文章分類(28)
          
		
				
			
	
		
          文章檔案(28)
          
		
				
			
	
		
          喜歡的Blog
          
		
				
			
	




          搜索
          

            
	
          • 
		
          •  
	
            • 

          


          最新評論
	
          



          閱讀排行榜
          



          評論排行榜
          


          		
	

          

          
	
					


          
	
	
           
          

           1<input type="button" onclick="ajaxTest()" value="AJAX測試">
          
           2
          
           3<input type="button" onclick=" document.getElementById('weather').innerHTML='' " value="隱藏">
          
           4
          
           5<script>
          
           6// 1. 初始化 請求 對象
          
           7// Mozilla/Firefox 下的
          
           8var xmlhttp = new XMLHttpRequest();
          
           9// IE 下的
          
          10//var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
          
          11//alert(xmlhttp);
          
          12
          
          13function ajaxTest() {
          
          14    // 指定要打開的頁面
          
          15    xmlhttp.open("GET", "staticpage.html", true);// HTTP 請求的方式, URL, 是否異步
          
          16    // 指定頁面打開完之后要進行的操作.
          
          17    xmlhttp.onreadystatechange = mychange;
          
          18    // 開始發起瀏覽請求, Mozilla 必須加 null
          
          19    xmlhttp.send(null);
          
          20}
          
          21
          
          22// 這個函數就是每次狀態改變要調用的函數
          
          23function mychange() {
          
          24    // 請求已完成
          
          25    if(xmlhttp.readyState == 4) {
          
          26        //alert(xmlhttp.readyState);
          
          27        alert(xmlhttp.responseText);
          
          28        // 更新對應的 HTML 元素里面顯示的內容
          
          29    // 根據 ID 引用頁面里面的元素 document.getElementById(元素名)
          
          30    document.getElementById('weather').innerHTML = xmlhttp.responseText;
          
          31    }
          
          32}
          
          33          </script>
          
          34
          
          35<div id="weather"></div>
          
          

	
          posted on 2009-02-07 21:33 飛翔天使 閱讀(646) 評論(2)  編輯  收藏  所屬分類: ajax 
          

          







          
	    
    


          
FeedBack:

          
	

		
          
			
          
			
          # re: 最簡單的 AJAX 例子代碼(完整注釋)  2009-06-07 20:25 天天
          
				
          呵呵  回復  更多評論
            
			
          
		
          
	
		
          
			
          
			
          # re: 最簡單的 AJAX 例子代碼(完整注釋)  2009-06-07 20:47 天天
          
				
          恩恩@天天

            回復  更多評論
            
			
          
		
          
	




          








          

				
	



          



    







        
	




主站蜘蛛池模板：
长垣县|
新巴尔虎右旗|
中江县|
安国市|
泰州市|
乌鲁木齐市|
永顺县|
鄯善县|
建水县|
绿春县|
牙克石市|
陕西省|
威宁|
扶余县|
高唐县|
礼泉县|
博兴县|
兴仁县|
辽中县|
旅游|
深泽县|
凉城县|
河北区|
大连市|
柳河县|
政和县|
界首市|
柳州市|
武山县|
SHOW|
泸州市|
三门峡市|
连平县|
兴国县|
南涧|
株洲市|
嘉定区|
乃东县|
育儿|
五莲县|
唐海县|