<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中文无码| 亚洲精品无码你懂的网站| 97国产免费全部免费观看| 国产真人无码作爱免费视频| 亚洲精品色播一区二区| 91大神亚洲影视在线| 亚洲夜夜欢A∨一区二区三区| 国产成人免费a在线视频色戒| 性xxxxx免费视频播放| 久草福利资源网站免费| 成人a毛片免费视频观看| 色婷婷亚洲一区二区三区| 亚洲综合成人婷婷五月网址| 亚洲男人的天堂在线| 亚洲久本草在线中文字幕| 日韩亚洲欧洲在线com91tv| 亚洲一级片内射网站在线观看| 国产又黄又爽又猛的免费视频播放 | fc2成年免费共享视频18| 国产精品观看在线亚洲人成网| 99热亚洲色精品国产88| 亚洲乱码中文字幕小综合| 亚洲日本在线观看| 亚洲激情在线观看| 无码乱人伦一区二区亚洲| 亚洲AV无码久久精品蜜桃| 亚洲成av人片在线观看无码不卡| 亚洲人成图片小说网站| 国产成人精品日本亚洲专区61| 亚洲综合精品网站| 久久精品国产亚洲精品| 国产gv天堂亚洲国产gv刚刚碰| 亚洲热妇无码AV在线播放| 亚洲色婷婷一区二区三区| 亚洲国产精华液网站w| 亚洲国产精品自在线一区二区| 精品无码一区二区三区亚洲桃色 | 中文字幕版免费电影网站| 国产高清视频免费在线观看| 成人自慰女黄网站免费大全 |