<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    我的漫漫程序之旅

    專注于JavaWeb開發(fā)
    隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0
    數(shù)據(jù)加載中……

    Prototype1.6 實戰(zhàn)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 
    = "如果您看到此消息說明已經(jīng)成功了!";
            response.setContentType(
    "text/html");
            response.setCharacterEncoding(
    "gbk");
            PrintWriter out 
    = response.getWriter();
            out.print(msg);
        }


    }



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

    評論

    # re: Prototype1.6 實戰(zhàn)11 (Ajax)  回復  更多評論   

    我想聘用你 怎么聯(lián)系你 你寫的很好 看來技術很強
    2008-08-19 10:38 | 技術

    # re: Prototype1.6 實戰(zhàn)11 (Ajax)  回復  更多評論   

    剛剛工作2年,暫時不想離職。呵呵。謝謝支持~
    2008-08-19 10:43 | 々上善若水々
    主站蜘蛛池模板: 美景之屋4在线未删减免费| 亚洲福利电影在线观看| 99亚洲精品卡2卡三卡4卡2卡| 毛片免费在线视频| 久久久国产亚洲精品| 久久精品a一国产成人免费网站 | 最新亚洲精品国偷自产在线| 亚欧在线精品免费观看一区| 亚洲精品成人图区| 国产又大又粗又长免费视频| 亚洲av无码一区二区三区观看| 动漫黄网站免费永久在线观看| youjizz亚洲| 四虎永久免费观看| 一级毛片在线免费播放| 亚洲AV无码久久| 在线观看成人免费视频不卡| 亚洲一线产品二线产品| 亚洲成A∨人片天堂网无码| 国产精品免费在线播放| 亚洲国产一区在线| 成人免费午夜在线观看| 国产成人亚洲精品播放器下载| 亚洲国产成人a精品不卡在线 | 99热这里只有精品免费播放| 亚洲国产综合第一精品小说| 麻豆国产VA免费精品高清在线| 国产亚洲综合一区二区三区| 中文字幕亚洲一区| 日本免费一区二区在线观看| 男人的天堂av亚洲一区2区| 伊人久久大香线蕉亚洲| 麻豆国产精品免费视频| 美女又黄又免费的视频| 亚洲国产天堂久久综合网站| 在线视频免费观看www动漫| 国产精品玖玖美女张开腿让男人桶爽免费看 | 亚洲熟妇丰满xxxxx| 亚洲中文字幕无码一久久区| 在线看片无码永久免费视频| 全部在线播放免费毛片|