我的漫漫程序之旅
          

          專注于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 | 々上善若水々
				
          
			
          
		

          





          








          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
辽宁省|
昌平区|
林口县|
科技|
张家界市|
景宁|
石首市|
和平区|
克东县|
荔波县|
阿拉善左旗|
易门县|
承德县|
余江县|
神池县|
枣强县|
宜春市|
松阳县|
弋阳县|
韶山市|
乐陵市|
红河县|
吴桥县|
肃北|
阿图什市|
苗栗市|
宾川县|
蒲江县|
上杭县|
尖扎县|
泸州市|
青龙|
连平县|
台前县|
额济纳旗|
北京市|
北碚区|
阳江市|
商城县|
故城县|
寻甸|