当前位置： 移动技术网 > IT编程>开发语言>Java > SpringMVC接收页面表单参数

SpringMVC接收页面表单参数

2019年07月22日  | 移动技术网IT编程  | 我要评论

1、直接把表单的参数写在controller相应的方法的形参中

@requestmapping("/adduser1")
 public string adduser1(string username,string password) {
  system.out.println("username is:"+username);
  system.out.println("password is:"+password);
  return "/user/success";
 }

2、通过httpservletrequest接收

@requestmapping("/adduser2")
 public string adduser2(httpservletrequest request) {
  string username = request.getparameter("username");
  string password = request.getparameter("password");
  system.out.println("username is:"+username);
  system.out.println("password is:"+password);
  return "/user/success";
 }

3、通过一个bean来接收

1）建立一个和表单中参数对应的bean

public class user { private string username; private string password; public string getusername() { return username; }
　　//getter，setter方法。。. }

2）用这个bean来封装接收的参数

　　@requestmapping("/adduser3")
 public string adduser3(user user) {
  system.out.println("username is:"+user.getusername());
  system.out.println("password is:"+user.getpassword());
  return "/user/success";
 }

4、通过json数据接收

<%@ page language="java" contenttype="text/html; charset=utf-8"
 pageencoding="utf-8"%>
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>add user</title>
<script type="text/javascript" src="${pagecontext.request.contextpath}/resource/script/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#button_submit").click(function(){
   var name = $("#username").val();
   var pass = $("#password").val();
   var user = {username:name,password:pass};//拼装成json格式
   $.ajax({
    type:"post",
    url:"${pagecontext.request.contextpath}/user/adduser4",
    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" name="username">
    </td>
   </tr>
   <tr>
    <td>密码</td>
    <td>
     <input type="password" id="password" name="password">
    </td>
   </tr>
   <tr>
    <td> </td>
    <td>
     <input type="button" id="button_submit" value="提交">
    </td>
   </tr>
  </table>
 </form>
</body>
</html>

依然可以使用bean来接收json数据

@requestmapping("/adduser4")
 public string adduser4(user user) {
  system.out.println("username is:"+user.getusername());
  system.out.println("password is:"+user.getpassword());
  return "/user/success";
 }

5、使用jquery的serializearray() 方法序列化表单元素

如果表单元素很多，手工拼装成json数据非常麻烦，可以使用jquery提供的serializearray()方法序列化表单元素，返回json数据结构数据。　

<%@ page language="java" contenttype="text/html; charset=utf-8"
 pageencoding="utf-8"%>
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>add user</title>
<script type="text/javascript" src="${pagecontext.request.contextpath}/resource/script/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#button_submit").click(function(){
   //序列化表单元素，返回json数据
   var params = $("#userform").serializearray();
   //也可以把表单之外的元素按照name value的格式存进来
   //params.push({name:"hello",value:"man"});
   $.ajax({
    type:"post",
    url:"${pagecontext.request.contextpath}/user/adduser5",
    data:params,
    success:function(data){
     alert("成功");
    },
    error:function(e) {
     alert("出错："+e);
    }
   });
  });
 });
</script>
</head>
<body>
 <form id="userform">
  <table>
   <tr>
    <td>账号</td>
    <td>
     <input type="text" id="username" name="username">
    </td>
   </tr>
   <tr>
    <td>密码</td>
    <td>
     <input type="password" id="password" name="password">
    </td>
   </tr>
   <tr>
    <td> </td>
    <td>
     <input type="button" id="button_submit" value="提交">
    </td>
   </tr>
  </table>
 </form>
</body>
</html>

依然可以使用bean来接收json数据：

@requestmapping("/adduser5")
 public string adduser5(user user) {
  system.out.println("username is:"+user.getusername());
  system.out.println("password is:"+user.getpassword());
  return "/user/success";
 }

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持移动技术网!

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网