页面代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试测试测试批量</title>
<style type="text/css">
table tr td{
border:2px solid;
border-color: black;
}
#test tr td{
border:2px solid;
border-color: black;
}
</style>
</head>
<script type="text/javascript" src="js/jquery-1.12.3.js"></script>
<script type="text/javascript">
//表示上面表单的值
var row=2;
function addRow(){
var txt1='<tr><td>'+row+'</td><td><input name="customerName" type="text"></td><td><input name="phone" type="text"></td></tr>'; // 使用 HTML 标签创建文本
$("table").append(txt1); // 追加新元素
row++;
}
var phones=[];
function submitAdd(){
alert("sumbitadd");
$("input[name='phone']").each(function(){
phones.push($(this).val());//添加至数组
});
alert(phones[0]+phones[1]);
}
var user = {
"userId": "0001",
"phones":phones
}
//定义一个数组
var cons = new Array(3);
for(var i = 0;i<3;i++){
var con = {};
con["id"] = 0;
con["name"] =phones[i] ;//数组
con["job"] = '学生';
cons[i] = con;
}
var json = JSON.stringify(cons);
alert("json数组为:"+json);
$.ajax({
url:"demo.action",
type:"post",
dataType:"json",
data:{
"json":json
},
})
$("from").submit();
</script>
<body>
<form action="demo.action">
编号:<input name="userId" type="text"/>
名称:<input name="userName" type="text"/>
邮箱:<input name="email" type="text">
<table id="add">
<tr>
<td>行号</td>
<td>客户名称</td>
<td>客户电话</td>
</tr>
<tr>
<td>1</td>
<td><input name="customerName" type="text"></td>
<td><input name="phone" type="text"></td>
</tr>
</table>
<input name="addrow" type="button" value="添加一行" onclick="addRow()"/>
<input name="btn" type="button" onclick="submitAdd()" value="提交">
</form>
<br/>
</body>
</html>
控制层action的代码:
package org.demo.action;
import java.util.List;
import org.demo.entity.User;
import com.alibaba.fastjson.JSON;
public class DemoAction {
//接收json字符串数组json
public void test(String json) {
List<User> users = JSON.parseArray(json, User.class);
}
}