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);
}

}






































































servlet:





































