ajax 验证成功 转跳,利用ajax实现登录:验证完用户信息后如何保存用户信息并实现跳转...

代码如下:

前台:

$.ajax({

url : ‘../servlet/Login_Do‘,

data : {

name : $(‘#loginForm input[name=name]‘).val(),

password : $(‘#loginForm input[name=password]‘).val()

},

dataType : ‘json‘,

success : function(data) {

if (data.msg == null) {

alert("用户名密码错误");

} else {

loginDialog.dialog(‘close‘);

window.location.href =‘Panel.jsp‘;

}

},

error : function() {

alert("失败");

}

});

后台:(在验证信息的servlet中直接保存session,然后在跳转的新的页面可以直接session.getAttribute())

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

request.setCharacterEncoding("utf-8");

response.setCharacterEncoding("utf-8");

name= new String(request.getParameter("name").getBytes("ISO-8859-1"),"utf-8") ;

System.out.println(name);

password = request.getParameter("password");

PrintWriter out = response.getWriter();

JSONObject json = new JSONObject();

String msg = "";

try {

json.put("msg",login());

out.print(json.toString());

HttpSession session = request.getSession();

session.setAttribute("name", login());

} catch (SQLException e) {

e.printStackTrace();

}

}

public String login() throws SQLException{

Dao user = new Dao(name,password);

Dao u = new Dao();

u = user.login();

if(u.getName()!=null){

return u.getName();

}

else

return null;

}

跳转后的页面接收参数部分:

String a = String.valueOf(session.getAttribute("name"));

%>

您好,欢迎您的登录

原文:http://blog.csdn.net/frightingforambition/article/details/21255273

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,您可以参考以下代码实现: HTML代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AJAX登录</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <h1>用户登录</h1> <form id="loginForm"> <label for="username">用户名:</label> <input type="text" id="username" name="username"><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password"><br><br> <input type="button" id="loginBtn" value="登录"> </form> <div id="result"></div> <script src="login.js"></script> </body> </html> ``` JavaScript代码: ```javascript $(function() { // 绑定登录按钮点击事件 $('#loginBtn').click(function() { var username = $('#username').val(); var password = $('#password').val(); // 发送登录请求 $.ajax({ url: 'login.php', type: 'POST', data: { username: username, password: password }, success: function(data) { if (data == 'success') { // 登录成功跳转到查询页面 window.location.href = 'search.html'; } else { // 显示登录失败信息 $('#result').html(data); } } }); }); }); ``` PHP代码(login.php): ```php <?php // 获取用户名和密码 $username = $_POST['username']; $password = $_POST['password']; // 验证用户名和密码 if ($username == 'admin' && $password == '123456') { echo 'success'; } else { echo '用户名或密码错误!'; } ?> ``` 上述代码实现了用 AJAX 发送登录请求,并根据后台返回的数据跳转到查询页面或者显示登录失败信息。注意,为了安全性考虑,实际应用中应该对用户名和密码进行加密处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值