81,092
社区成员
发帖
与我相关
我的任务
分享
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$("#username").focus();
$("#login").click(function() {
var name=$("#username").val();
var pass=$("#password").val();
var rand=$("#rand").val();
if(name==""||pass=="")
{
$("#message").text("用户名或密码不能为空");
} else if(rand=="")
{
$("#message").text("验证码不能为空");
}
else
{
$.ajax({
//选择提交方式
type:"POST",
//默认: true,dataType为script时默认为false) jQuery 1.2 新功能,设置为 false 将不会从浏览器缓存中加载请求信息。
cache:"false",
//发送请求地址
url:"loginServlet",
//发送到服务器的数据
data:"username="+name+"&password="+pass+"&rand="+rand,
//返回纯文本字符串
dataType:"text",
//设置请求超时时间(毫秒)
timeout:20000,
//请求失败时调用的函数
error:function(){
$("#message").text("请求失败");
},
//请求成功返回回调函数
success:function(message) {
$("#message").text("message");
}
});
}
});
});
</script>
<script type="text/javascript">
function seeE() {
document.getElementById('vadimg').src='./random.jsp?t='+new Date().getTime();
}
</script>
</head>
<body>
<table>
<thead>
<tr><td colspan="2">用户登录</td></tr>
</thead>
<tbody>
<tr>
<td>登陆帐号:</td>
<td><input type="text" id="username"/></td>
</tr>
<tr>
<td>登陆密码:</td>
<td><input type="password" id="password" /></td>
</tr>
<tr>
<td>验证码:</td>
<td><input height="12" id="rand" name="rand" maxlength="" size="7" />
<img id="vadimg" class="yzm" src="./random.jsp" border="0" />
<a href="javascript:void(0);" onclick="seeE();return false;">看不清楚?</a></td>
</tr>
<tr><td colspan="2"><input type="button" id="login"/></td></tr>
<tr><td colspan="2"><div id="message" style="text-align: center;color: red;"></div></td></tr>
</tbody>
</table>
</body>
</html>
package com.Pluto.servelt;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* Servlet implementation class for Servlet: loginServlet
*
*/
@SuppressWarnings("serial")
public class loginServlet extends javax.servlet.http.HttpServlet implements javax.servlet.Servlet {
/* (non-Java-doc)
* @see javax.servlet.http.HttpServlet#HttpServlet()
*/
public loginServlet() {
super();
}
protected void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
PrintWriter out=response.getWriter();
System.out.println("访问到");
@SuppressWarnings("unused")
String message="";
@SuppressWarnings("unused")
String name=request.getParameter("username");
System.out.println(name);
@SuppressWarnings("unused")
String pass=request.getParameter("password");
System.out.println(pass);
String num=request.getParameter("rand");
String rand=(String)(request.getSession().getAttribute("rand"));
}
/* (non-Java-doc)
* @see javax.servlet.http.HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
login(request,response);
}
/* (non-Java-doc)
* @see javax.servlet.http.HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
login(request,response);
}
}
if(!rand.equals(num))
{
message="验证码错误";
} else
{
message="";
}