SpringMVC级联获取前台数据

所谓的SpringMVC级联获取前台数据，是指后台可以通过对象给其中的对象属性下的某个属性赋值。

如下所示，player类下有一个team对象属性：

我们可以在前端传递参数时，我们只需要使用Player来接收参数，就可以同时给player和team的某些属性赋值。

测试如下：

页面部分

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body><form action="player/getParams">球员姓名：<input type="text" name="pname" id="pname" /><br>所属球队：<input type="text" name="team.tname" id="tname" /><br><input type="submit" value="提交"/></form>
</body>
</html>

注意点：

如果player类中Team属性名称为tm,则此处的name=”tm.tname”
如果player类中Team属性名称为team,而Team类中Tname为tn，则name=”team.tn”

后台Controller

package com.java.web;import java.util.List;import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import com.java.bean.Player;
import com.java.service.IPlayerService;@Controller
@RequestMapping("player")
public class PlayerController {@AutowiredIPlayerService pService;//获取前端参数@RequestMapping("getParams")public String getParams(Player player){System.out.println("player==="+player);System.out.println("pname==="+player.getPname());System.out.println("tname==="+player.getTeam());return null;}
}

运行结果：
当输入：

打印：

如果使用的是ajax时
页面参数对应如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script type="text/javascript">function ajaxSubmit(){var pname=$("#pname").val();var tname=$("#tname").val();alert("panme="+pname+",tname="+tname);$.ajax({url:"player/getParams",data:{"pname":pname,"team.tname":tname},type:"post",success:function(data){alert(111);}});
}
</script>
<body><form action="">球员姓名：<input type="text" name="pname" id="pname" /><br>所属球队：<input type="text" name="tname" id="tname" /><br><input type="button" value="提交button" onclick="ajaxSubmit()" /><br></form>
</body>
</html>

SpringMVC级联获取前台数据相关推荐

SpringMVC怎么获取前台传来的数组
前端请求: var dataArr = new Array(); for(var i = 0; i < 10; i++){ dataArr.push(i); }$.ajax({ url : &q ...
SpringMVC框架获取前台传过来的数组并解析
JS代码 var ids =[]; for (var i = 0; i < biEventData.length; i++) { ...
springmvc如何获取CheckBox数据
1.前端代码 2.js 3.后台接收
ajax编写前台的时候，列表显示部分，表格显示不出来，但是可以获取到数据
项目场景: 利用ajax实现增删改查问题描述: ajax编写前台的时候,列表显示部分,表格显示不出来,但是可以获取到数据 list界面代码: <head><title>书籍列 ...
微信小程序——从后台获取数据库数据并在前台显示(前端+后端+数据库)
因为人工测试的时候需要统计数据都在纸上,统计起来很麻烦.所以我想做个小程序来辅助我测试,但我之前没学过小程序,所以就一点一点搞吧.今天这篇主要讲从后台获取数据库数据并在前台显示(类似背单词小程序的点击 ...
Bigdecimal 在从数据库获取数据后和从前台获取的数据作比较时（值相等）
1.做数值校验 ,Bigdecimal 在从数据库获取数据后和从前台获取的数据作比较时(小数) 会出现数据库取出的数据进度丢失得到的结果是 false 解决方案 :先进行小数位保留然后再作比较 ...
easyui panel异步获取后台数据在前台显示
我在使用easyui的时候,想做一个向下图所示的效果,这个panel的样式已经做好了,想从后台异步获取json数据,然后填入到文本框中,不知道哪位大神能给点指导?万分感谢! 放入表单中,使用form对 ...
dojo从asp.net中获取json数据
搞来有搞去终于有了个结果,主要是一开始犯了一些低级错误. 对于json不太了解的童鞋,可以看看这个:http://www.dreamdu.com/blog/2008/10/19/json_in_jav ...
gstreamer 获取帧数据_Android App卡顿率（顺滑度、顺滑度）并整理数据
概要测试一个Android App的卡顿率(流畅性.顺滑度)的方法有很多,不同的厂和团队有他们不同的玩法,有的用高速摄像机去评估,有的用肉眼主观感受,有的通过获取获取底层数据的去评估,也有的像本文章 ...

SpringMVC级联获取前台数据

SpringMVC级联获取前台数据相关推荐

最新文章

热门文章