这篇文章主要介绍了springmvc 结合ajax批量新增的实现方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
1. 需要注意的问题
mvc框架的处理日期问题
@ResponseBody响应对象是自定义对象，响应不是json
@ResopnseBody响应自定义对象时，日期为是long类型的数
结束数据方法的参数，该如何定义？接收多个对象？
2. 页面代码
<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8"
pageEncoding=”UTF-8″%>
| 姓名 | 身份证 | 时间 | direction | type | 操作 |
| |
|
|
进入 离开 |
内部 外部 |
|
| |
|||||
$(function() {
var index_val = 0;
$(“body”).on(‘click’, ‘.remove’, function() {
// 移除当前行, 通过父级来绑定…
// $(this).parent().parent().remove();
$(“#tbody tr”).remove();
// 覆盖，生成行
if (index_val > 0) {
var data_str = “”;
for (var i = 0; i < index_val; i++) {
data_str +=
“
“
” ” +
“
” +
“
” ” +
“
” +
“
” ” +
“
” +
“
” 进入” +
” 离开” +
“
” +
“
” 内部” +
” 外部” +
“
” +
“
” ” +
“
” +
“
“;
}
$(“#tbody”).append(data_str);
}
// 把下标减少一 就行了，就是移除了。
index_val –;
console.log(“remove: “, index_val);
});
$(“#add”).click(function() {
// 自增1
index_val ++;
var data_str =
“
“
” ” +
“
” +
“
” ” +
“
” +
“
” ” +
“
” +
“
” 进入” +
” 离开” +
“
” +
“
” 内部” +
” 外部” +
“
” +
“
” ” +
“
” +
“
“;
$(“#tbody”).append(data_str);
console.log(“add==>” + index_val);
});
$(“#save”).click(function() {
var form_data = $(“#myForm”).serialize();
// console.log(form_data)
$.ajax({
url: “visitor/batchAdd”,
type: “post”,
data: form_data,
success: function(data) {
console.log(data);
},
error: function(e) {
console.log(e);
}
});
});
});
js学得terrible… 能够移除，我的移除是先移除所有的行，重新生成行，比较之前生成的行，少一行。
3. controller定义参数接收
批量新增实体类BatchVisitor ，定义集合接收多个对象
package cn.bitqian.entity;
import java.util.ArrayList;
import java.util.List;
/**
* 批量新增 visitorInfo
* @author echo lovely
*
*/
public class BatchVisitor {
private List visitorList = new ArrayList();
public List getVisitorList() {
return visitorList;
}
public void setVisitorList(List visitorList) {
this.visitorList = visitorList;
}
public BatchVisitor() {}
}
controller方法，放实体类，实体类里面套VisitorInfo的集合
@RequestMapping(value=”/batchAdd”, method=RequestMethod.POST)
@ResponseBody
public VisitorInfo batchAddVisitor(BatchVisitor batchVisitor) {
List visitorList = batchVisitor.getVisitorList();
// System.out.println(batchVisitor);
for (VisitorInfo visitorInfo : visitorList) {
System.out.println(visitorInfo);
visitorInfoService.save(visitorInfo);
}
return new VisitorInfo(1, “dd”, “bb”, new Date(), 1, 2);
}
对于上面响应了对象到页面，会报错，需要导入json的依赖。
com.fasterxml.jackson.core
jackson-databind
2.9.6
接收页面的参数，需要字符串转型为日期，需要
mvc自定义日期转换器
到此这篇关于springmvc 结合ajax批量新增的文章就介绍到这了,更多相关springmvc批量新增内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
来源：脚本之家
链接：https://www.jb51.net/article/199216.htm
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：SEO优化专员，转转请注明出处：https://www.chuangxiangniao.com/p/897351.html
