我的漫漫程序之旅

专注于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 々上善若水々 阅读(711) 评论(2)  编辑  收藏 所属分类: JavaScript

评论

# re: Prototype1.6 实战11 (Ajax)  回复  更多评论   

我想聘用你 怎么联系你 你写的很好 看来技术很强
2008-08-19 10:38 | 技术

# re: Prototype1.6 实战11 (Ajax)  回复  更多评论   

刚刚工作２年，暂时不想离职。呵呵。谢谢支持~
2008-08-19 10:43 | 々上善若水々

只有注册用户登录后才能发表评论。
网站导航: