隨筆 - 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 飛翔天使 閱讀(642) 評論(2)  編輯  收藏  所屬分類: ajax 
          

          







          
	    
    


          
FeedBack:

          
	

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

            回復  更多評論
            
			
          
		
          
	




          








          

				
	



          



    







        
	




主站蜘蛛池模板：
讷河市|
南安市|
旺苍县|
乌拉特后旗|
绍兴市|
噶尔县|
盐池县|
高邮市|
池州市|
会泽县|
郴州市|
大田县|
齐齐哈尔市|
乾安县|
横山县|
梓潼县|
萍乡市|
新巴尔虎右旗|
进贤县|
藁城市|
广丰县|
卓资县|
胶州市|
巩留县|
扶余县|
大方县|
广灵县|
丹江口市|
留坝县|
嫩江县|
余江县|
宾川县|
甘谷县|
曲周县|
凉山|
嫩江县|
昔阳县|
多伦县|
莫力|
三江|
离岛区|