(十万火急)jsp与jquery实现ajax

pop_zero 2008-02-21 03:17:47

初次接触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);

}
%>
...全文
1159 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
cammy0301 2008-10-28
  • 打赏
  • 举报
回复
你jsp页面也错了!
if(id == "admin" && p == "admin"){
jsp里面字符串比较相等是id.equals("admin");
success: function(msg){
if(msg == "success"){
$("#confirm").html("登录成功,欢迎" + user + "回来!正在进入你的空间......");
}else {
$("#confirm").html("没有此用户或者密码不正确!");
}
}
这里的msg打出来成功的话也不是success吧,你打出来看看!if(msg == "success"){ 所以这里是有问题的!
pop_zero 2008-02-22
  • 打赏
  • 举报
回复
哦,我不懂json,我现在主要的是 success: function(msg){
if(msg == "success"){
$("#confirm").html("登录成功,欢迎" + user + "回来!正在进入你的空间......");
}else {
$("#confirm").html("没有此用户或者密码不正确!");
}
}
在这里msg怎样返回取得。也就是通过login.jsp返回信息。不知道该怎么处理了。这样输出来的是空。
pop_zero 2008-02-22
  • 打赏
  • 举报
回复
郁闷,if(id.equals("admin") && p.equals("admin"){
out.print("sucess");
忘了
FoxMale007 2008-02-22
  • 打赏
  • 举报
回复
login.jsp
根据user和pass参数来设置是否正确,如果正确的话,就返回标志的json数据,并将用户信息设置入session,因为你后续的页面要根据该信息来判断是否已登陆。

json好像也可以直接用getResposeText的方式直接拿String,不过json用惯了,还是json好,呵呵:)

81,094

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧