(十万火急)jsp与jquery实现ajax
初次接触ajax,不知道怎样用login.jsp处理。请大虾指点!!
<html>
<head>
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="login.js" type="text/javascript"></script>
<script src="lib/jquery.tablesorter.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body { font:12px/1.6em "宋体" }
ul { list-style:none; }
li { margin-top:10px; }
</style>
login.html
</head>
<body>
<h3>会员登录</h3>
<div id="login">
<form method="post" action="login.jsp" id="form2" name="form2">
<div id="confirm"></div>
<ul>
<a href = "#">aa</a>
<li>名字:<input type="text" name="user" id="user" size="16" maxlength="20"></li>
<li>密码:<input type="password" name="pass" id="pass" size="16" maxlength="20"></li>
<li>
<input type="submit" style="border:0" />
</li>
</ul>
</form>
</div>
</body></html>
login.js
$(document).ready
(
function()
{
$("#form2").submit
(
function()
{
login();
return false;
}
);
}
);
function login()
{
var user = $("#user").val();
var pass = $("#pass").val();
if (user == "")
{
$("#confirm").html("请输入登录用户名");
$("user").focus();
return false;
}
if(pass == "")
{
$("#confirm").html("请输入登录密码");
$("#pass").focus();
return false;
}
$.ajax({
type: "POST",
url: "login.jsp",
data: "id=" + user + "&p=" + pass,
beforeSend: function(){
$("#confirm").html("登录中,请稍候......");
},
success: function(msg){
if(msg == "success"){
$("#confirm").html("登录成功,欢迎" + user + "回来!正在进入你的空间......");
}else {
$("#confirm").html("没有此用户或者密码不正确!");
}
}
});
}
login.jsp
<%
String p = (String)request.getParameter("user");
String id = (String)request.getParameter("pass");
if(id == "admin" && p == "admin"){
out.println("sucess");
out.println(p);
System.out.println(id);
}
%>