一个简单的用法例子：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用Form.request</title>
<meta name="author" content="Yeeku.H.Lee" />
<meta name="website" content="http://www.crazyit.org" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
</head>
<body>
<h3>
请输入用户名、密码登录
</h3>
<form id="login" action="LoginServlet" method="post">
用户名：
<input name="user" type="text" />
<br />
密码：
<input name="pass" type="text" />
<br />
<input value="登录" type="button" onclick="login();"/>
</form>
<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
<script type="text/javascript">
//处理登录函数
function login() {
//使用Form的request发送异步请求
$("login").request( {
//指定回调函数
onComplete : function(request) {
alert(request.responseText);
}
});
}
</script>
</body>
</html>
Servlet的代码：
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;
public class LoginServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
String user = request.getParameter("user");
String pass = request.getParameter("pass");
PrintWriter out = response.getWriter();
if (user.equals("libinxuan") && pass.equals("123456"))
{
out.println("登录成功！！");
}else{
out.println("登录失败！！");
}
}
}
相关推荐
1.4.1.使用Ajax.Request类 Ajax.Request类用于发送Ajax请求。 1.4.2.使用Ajax.Updater类 Ajax.Updater类用于更新页面中的某个元素。 二、Prototype.js参考 Prototype.js提供了许多有用的函数和方法，以帮助...
**Ajax.Request** 是Prototype中用于创建Ajax请求的核心对象。可以通过以下方式初始化： ```javascript new Ajax.Request('/some_url', { method: 'get' }); ``` - **参数解析**： - 第一个参数：请求的URL。 -...
《prototype.js 说明文档》是关于JavaScript库prototype.js的详细指南，主要涵盖了其核心概念、通用方法以及Ajax对象的使用等内容。Prototype是一个由Sam Stephenson编写的JavaScript库，旨在简化和增强JavaScript...
不过，随着现代浏览器对原生API的支持越来越完善，现在更多的开发者倾向于使用fetch API或XMLHttpRequest的原生方法来处理AJAX请求，因为它们更轻量级且无需引入额外的库。 总之，Prototype框架通过提供方便的AJAX...
这个对象下包含了一系列方法，如`Request`、`Updater`、`Form`等，它们使得与服务器进行异步通信变得极其直观。例如，我们可以使用`Ajax.Request`来发起一个基本的Ajax请求： ```javascript new Ajax.Request('url'...
【描述】：本文档主要涵盖了Prototype.js库的编程指南，包括其核心概念、通用方法、Ajax对象以及对JavaScript原生类型和DOM对象的扩展。Prototype.js是一个由Sam Stephenson编写的JavaScript库，旨在简化Web 2.0应用...
《prototype.js开发手册》是关于JavaScript库Prototype的详细指南，旨在帮助开发者更好地理解和利用这个强大的工具。Prototype由Sam Stephenson创建，它提升了JavaScript的基础功能，为Web开发提供了更丰富的功能和...
3. **Ajax请求**：使用Prototype的`Ajax.Request`或`Ajax.Form.Request`方法创建异步请求。这个请求会发送JSON或XML格式的数据到服务器端的ASP脚本。 4. **服务器端处理**：在ASP脚本中，接收到Ajax请求后，需要...
2. **表单提交**：Prototype的`Form.Methods`模块包含了一系列方法用于处理表单提交，如`submit`、`replace`和`request`。我们可以通过调用`Form.Methods.submit`方法来实现非用户触发的自动提交。这通常与Ajax请求...
2. **Ajax功能**：Prototype.js 强化了AJAX操作，通过`Ajax.Request` 和 `Ajax.Updater` 类，开发者可以轻松实现异步数据交换，无需关心浏览器兼容性问题。 3. **对象扩展**：Prototype.js 基于JavaScript原型链...
"Prototype-1.6.0.2" 是 Prototype JavaScript 框架的一个版本，这个框架在Web开发领域中被广泛使用，特别是在AJAX应用中。Prototype 提供了一系列强大的工具，帮助开发者更高效地操作和扩展JavaScript，使得在...
Prototype 提供了强大的Ajax支持，包括 `Ajax.Request` 和 `Ajax.Updater` 类，它们用于发送异步请求并更新页面内容。 2.x. prototype.js 参考 这部分详细列出了Prototype库中扩展的JavaScript类、对象和方法，涵盖...
Prototype 1.7集成了对JSON的支持，包括`Object.toJSON()`和`JSON.parse()`方法，便于数据的序列化和反序列化。 三、使用示例 以下是一个简单的示例，展示如何使用Prototype 1.7来隐藏和显示一个元素： ```...
《Prototype开发笔记》是关于JavaScript框架Prototype的一份详细文档，主要涵盖了该框架的基本概念、核心功能和使用方法。Prototype是一个由Sam Stephenson编写的JavaScript库，它的设计目标是提升Web应用的交互性和...
Ajax部分介绍了Ajax请求的创建和管理，以及如何使用Updater、Form.Request等高级工具。最后，手册中的特效与动画章节教授了如何通过Element.Methods轻松实现各种视觉效果。 Prototype 1.6.js源码： 包含的...
PeriodicalExecuter、Prototype、Enumerable、Hash、ObjectRange、Class、Ajax、Ajax.Responders、Ajax.Base、Ajax.Request、options argument object、Ajax.Updater、Ajax.PeriodicalUpdater、Element、Element....
Prototype提供了`Ajax.Request`或更简洁的`$$('form').request`方法。下面是一个基本的例子： ```javascript new Ajax.Request('/submit-url', { method: 'post', parameters: formData, onSuccess: function...
1. 创建Ajax请求：Prototype提供了Ajax.Request类，用于发起Ajax请求。例如： ```javascript new Ajax.Request('url', { method: 'post', parameters: form.serialize(), onSuccess: function(response) { // ...
3. **实例方法与类方法**：可以使用 `prototype` 和 `Class.Methods` 分别定义实例方法和类方法。 三、链式调用 Prototype 的许多方法都返回当前对象，这使得链式调用成为可能，例如： ```javascript $('myElement...