<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 | 々上善若水々
    主站蜘蛛池模板: 在线中文高清资源免费观看| 国产老女人精品免费视频| 亚洲国产av高清无码| 亚洲人成人网站色www| 国产人妖ts在线观看免费视频| 91免费福利精品国产| 在线亚洲精品视频| 成年女人毛片免费播放视频m| 亚洲国产成AV人天堂无码| 波多野结衣在线免费视频| 国产.亚洲.欧洲在线| 日韩免费三级电影| 人人爽人人爽人人片A免费| 久久乐国产精品亚洲综合| 大妹子影视剧在线观看全集免费| 伊人久久大香线蕉亚洲| 男人的天堂网免费网站 | 免费国产在线观看| 一级做α爱过程免费视频| 亚洲国产美女精品久久久久∴| 无码囯产精品一区二区免费| 亚洲国产成人九九综合| 日韩精品视频免费观看| 国产特黄一级一片免费| 91亚洲自偷手机在线观看| 免费鲁丝片一级在线观看| 亚洲精品成a人在线观看☆| 亚洲av永久无码精品古装片| 亚洲av永久无码精品漫画| 亚洲成在人天堂在线| 亚洲男人天堂影院| 亚洲人成激情在线播放| 国产免费观看黄AV片| 午夜免费啪视频在线观看 | 全部一级一级毛片免费看| 久久精品国产精品亚洲艾| 麻豆成人精品国产免费| 久久免费国产精品一区二区| 亚洲永久网址在线观看| 亚洲精品乱码久久久久久按摩 | 亚洲精品无码精品mV在线观看|