JSON的使用页面批量数据封装成json数组，后台java解析成List类型

页面代码

<%@ 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);

}
}

JSON的使用页面批量数据封装成json数组，后台java解析成List类型

猜你喜欢