我的漫漫程序之旅
          

          專注于JavaWeb開發
          

          

          

          隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0
          

          


          		
	
          

          

          
	
          
		
			
          
				數據加載中……
			
          
		          		
		
			
          
				
					
	
          
		
          
			Prototype1.6 實戰11 (Ajax)
		
          
		
          
		jsp:
          

          <%@ page language="java" pageEncoding="gbk"%>
          
          <html>
          
            <head>
          
              <title>Ajax Test</title>
          
            <script type="text/javascript" src="prototype.js"></script>
          
           <script>
          
               //你的action,當然也可以傳參
          
               var url = "${pageContext.request.contextPath}/ServiceServlet";
          
     
          
               function test()
          
               {
          
                   //Ajax request
          
                   new Ajax.Request(url,
          
                   {
          
             method:           "post",  //post method
          
                       onSuccess : function(response)     //callback function
          
                       {
          
                 $(          "d").innerHTML = response.responseText;
          
             }
          
         }
          
         );
          
     }              
          
     
          
               //注冊響應事件
          
               Ajax.Responders.register(
          
               {
          
                   //請求時事件
          
                   onCreate : function()
          
                   {
          
             Element.show(          "loading");
          
         }
          
         ,
          
         onComplete :           function()
          
                   {
          
                       //活動的請求全部完成時時
          
                       if(Ajax.activeRequestCount == 0)
          
                       {
          
                 Element.hide(          "loading");
          
             }
          
         }
          
     }          );
          
     
          
           </script> 
          
  
          
            </head>
          
            <body>
          
            <input type="button" onclick="test();" title="注意觀察頁面刷新了嗎?" value="點我試試"/>
          
            <div id="loading" style="display: none;"></div>
          
            <div id="d"></div>
          
            </body>
          
          </html>
          

          

          
servlet:
          

          package com.test;
          

          
          import java.io.IOException;
          
          import java.io.PrintWriter;
          

          
          import javax.servlet.ServletException;
          
          import javax.servlet.http.HttpServlet;
          
          import javax.servlet.http.HttpServletRequest;
          
          import javax.servlet.http.HttpServletResponse;
          

          
@SuppressWarnings(          "serial")
          
          public class ServiceServlet extends HttpServlet
          
          {
          

          
              public void doGet(HttpServletRequest request, HttpServletResponse response)
          
                      throws ServletException, IOException
          
              {
          
                  this.doPost(request, response);
          
    }
          

          
              public void doPost(HttpServletRequest request, HttpServletResponse response)
          
                      throws ServletException, IOException
          
              {
          
        String msg           = "如果您看到此消息說明已經成功了!";
          
        response.setContentType(          "text/html");
          
        response.setCharacterEncoding(          "gbk");
          
        PrintWriter out           = response.getWriter();
          
        out.print(msg);
          
    }
          

          
}
          

          


          



          
                                
                                
                                
          

		
          
		
          
			posted on 2008-08-04 15:52 々上善若水々 閱讀(749) 評論(2)  編輯  收藏  所屬分類: JavaScript 
		
          
	
          
	
	


	


          
	    
    


          

          評論
          
	
	
			
          
				
          
					# re: Prototype1.6 實戰11 (Ajax)  回復  更多評論
					  
				
          
				我想聘用你 怎么聯系你 你寫的很好 看來技術很強
				
          
					2008-08-19 10:38 | 技術
				
          
			
          
		
			
          
				
          
					# re: Prototype1.6 實戰11 (Ajax)  回復  更多評論
					  
				
          
				剛剛工作２年，暫時不想離職。呵呵。謝謝支持~
				
          
					2008-08-19 10:43 | 々上善若水々
				
          
			
          
		

          





          








          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
平遥县|
彰武县|
巴林右旗|
鹤庆县|
徐汇区|
顺义区|
达孜县|
靖江市|
阳山县|
惠水县|
项城市|
沙坪坝区|
双江|
柳江县|
榕江县|
徐州市|
亳州市|
鹤峰县|
固始县|
延津县|
含山县|
乐安县|
威海市|
东港市|
鄯善县|
吉首市|
池州市|
咸阳市|
怀远县|
西吉县|
宣城市|
息烽县|
祁东县|
宁陕县|
枞阳县|
孝感市|
绥江县|
齐齐哈尔市|
广东省|
昆明市|
贵州省|