以下幾種方式只有在已搭好的SpringMVC環境中,才能執行成功!
首先,寫一個登陸頁面和一個Bean類
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>yyx博客后台登錄</title> </head> <body> <form action="${pageContext.request.contextPath}/user/login.do" method="post"> <table> <tr> <td>用戶名:</td> <td><input type="text" name="userName"></td> </tr> <tr> <td>密碼:</td> <td><input type="password" name="userPwd"></td> </tr> <tr> <td colspan="2"><input type="submit" value="登陸"></td> </tr> </table> </form> </body> </html>
package com.yyx.model; public class User { private String userName; private String userPwd; public String getUserName() { return userName; } public void setUserName(String userName) { this.userName = userName; } public String getUserPwd() { return userPwd; } public void setUserPwd(String userPwd) { this.userPwd = userPwd; } }
1、直接把表單的參數寫在Controller相應的方法的形參中

package com.yyx.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller @RequestMapping("/user") public class UserController { @RequestMapping("/login") public String loginByUser(String userName, String userPwd) { System.out.println("userName is:" + userName); System.out.println("userPwd is:" + userPwd); return "success"; } }
控制器中方法的形參String userName,String userPwd名稱必須和登陸頁面的name="userName",name="userPwd"相同
2.通過HttpServletRequest接收

package com.yyx.controller; import javax.servlet.http.HttpServletRequest; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller @RequestMapping("/user") public class UserController { @RequestMapping("/login") public String loginByUser(HttpServletRequest request) { String userName=request.getParameter("userName"); String userPwd=request.getParameter("userPwd"); System.out.println("userName is:" + userName); System.out.println("userPwd is:" + userPwd); return "success"; } }
控制器中String userName=request.getParameter("userName");String userPwd=request.getParameter("userPwd");的參數名稱必須和登陸頁面的name="userName",name="userPwd"相同
3.通過一個bean來接收
package com.yyx.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import com.yyx.model.User; @Controller @RequestMapping("/user") public class UserController { @RequestMapping("/login") public String loginByUser(User user) { System.out.println("userName is:" + user.getUserName()); System.out.println("userPwd is:" + user.getUserPwd()); return "success"; } }
登陸頁面的name="userName",name="userPwd"必須和Bean類的屬性名稱相同
4.通過json數據接收
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-3.1.1.min.js"></script> <title>yyx博客后台登錄</title> <script type="text/javascript"> $(document).ready(function() { $("#button_submit").click(function() { var name = $("#userName").val(); var pwd = $("#userPwd").val(); var user = { userName : name, userPwd : pwd };//拼裝成json格式 $.ajax({ type : "POST", url : "${pageContext.request.contextPath}/user/login.do", data : user, success : function(data) { alert("成功"); }, error : function(e) { alert("出錯:" + e); } }); }); }); </script> </head> <body> <form> <table> <tr> <td>用戶名:</td> <td><input type="text" id="userName"></td> </tr> <tr> <td>密碼:</td> <td><input type="password" id="userPwd"></td> </tr> <tr> <td colspan="2"><input type="button" id="button_submit" value="提交"></td> </tr> </table> </form> </body> </html>

package com.yyx.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import com.yyx.model.User; @Controller @RequestMapping("/user") public class UserController { @RequestMapping("/login") public String loginByUser(User user) { System.out.println("userName is:" + user.getUserName()); System.out.println("userPwd is:" + user.getUserPwd()); return "success"; } }
var user={userName:name,userPwd:pwd};//拼裝成json格式 語句中userName,userPwd必須和Bean類中屬性名稱相同