ssm 框架使用ajax異步，實現登陸

本文轉載自查看原文 2018-04-08 09:04 2512

只是簡單寫一下 js、jsp、和controller

jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<html>
<script src="../easyUI/jquery.min.js"></script>
<script src="../js/login.js"></script>
<head>
    <title>u</title>
</head>
<body>
用戶名：<input type="text" name="username"  id="username"><br>
密碼：<input type="password" name="password" id="password"><br>
<button id="login" onclick="login()">登錄</button>

</body>
</html>

function login() {
$('input[name="radioInput"]:checked').val();
      var username = $("#username").val();
      var password = $("#password").val();
      var url="http://localhost:8080/user/login.action";
       
  var user = {
      username:username,
      password:password
  };

  $.ajax({
      url:url,
      contentType:"application/json;charset=utf-8",
      type:"POST",
      data:JSON.stringify(user),
      dataType:"JSON",
      success:function (res) {
          if(res.username == username){
              if(res.password == password){
                  window.location.href = "http://localhost:8080/jsp/success.jsp";
              }else {
                  "密碼錯誤"
              }
          }
          else {
              alert("用戶名不存在")
          }
      }
  })
}

ajax把用戶名和密碼封裝成JSON字符串，傳給后台Controller， Controller得到前台傳給的字符串（里面是一個User類）。通過這些信息（即前台傳過來的信息）進行查找，將根據用戶名查找的結果返回，然后在Ajax的Success 中進行判斷（傳入值和查詢值）決定指向的頁面

controller

@ResponseBody
    @RequestMapping(value = "/login.action")
    public  User  login(@RequestBody User user){
        
        User userLogin = userService.login(user.getUsername(), user.getPassword());
        
        return userLogin;
    }

這里是給ajax 返回一個user ，user自動封裝為JSON

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 ssm+ajax實現登陸 idea使用maven搭建ssm框架實現登陸商品增刪改查 Ajax異步驗證登陸或者注冊 ssm框架整合+Ajax異步驗證使用Struts框架，實現用戶登陸功能在Maven項目中關於SSM框架中郵箱驗證登陸 ajax 驗證登陸 shiro使用ajax登陸實現，success但頁面無法跳轉的問題 SSM整合框架實現ajax校驗 SSM整合框架實現ajax校驗

ssm 框架 使用ajax異步，實現登陸

免責聲明！

ssm 框架使用ajax異步，實現登陸