Javascript 如何在同一页面内将输入数据（许多数据）添加到下表中？ List List=new ArrayList（）； 列表=新的ArrayList（）；
添加列表按钮用于将代码和值添加到文本框中，如下所示。Javascript 如何在同一页面内将输入数据（许多数据）添加到下表中？ List List=new ArrayList（）； 列表=新的ArrayList（）；,javascript,java,html,ajax,spring-mvc,Javascript,Java,Html,Ajax,Spring Mvc,添加列表按钮用于将代码和值添加到文本框中，如下所示。 添加按钮用于将所有输入数据添加到下表中。 删除按钮用于从表中删除 提交按钮用于发送到服务器 所以我要做的是 对于按钮Addnotaddlistvar myJson=[{“name”：“abc”，“age”：50}， {“年龄”：“25岁”，“爱好”：“游泳”}， {“名称”：“xyz”，“爱好”：“编程”}]； //用myList构建HTML表。 函数buildHtmlTable（选择器）{ var columns=addAllColumnH
添加按钮用于将所有输入数据添加到下表中。
删除按钮用于从表中删除
提交按钮用于发送到服务器 所以我要做的是 对于按钮Addnotaddlist
var myJson=[{“name”：“abc”，“age”：50}，
{“年龄”：“25岁”，“爱好”：“游泳”}，
{“名称”：“xyz”，“爱好”：“编程”}]；
//用myList构建HTML表。
函数buildHtmlTable（选择器）{
var columns=addAllColumnHeaders（myList，选择器）；
for（var i=0；i
你能不能给我一小段代码？List<Object1> list = new ArrayList<>();
List<Object2> list = new ArrayList<>();
function Add() {
var url = "/root/info/add&"+$("#fieldrows").serialize();
uField(url);
return false;
}
function uField(url) {
$.ajax({
type: 'GET'
url: url,
async: false,
success: function(data) {
try {
var res = eval("("+data+")");
if (res.success) {
var content="";
$.each(res.result, function(i, f) {
content+=addRow((i%2==1),f.seq,f.name,....);
});
$("#fieldrows").find("tbody").html(content);
bindFieldLink();
} else {
alert(res.error);
}
}catch(e) {}
}
});
}
function addRow(odd, seq,name,...) {
var oddS = "odd";
if (!odd) { oddS = "even"; }
var style="";
var seq="<a id='field_id_"+seq+"' class='fLink' href='#'>"+label+"</a>";
var row = "<tr class='"+oddS+"'><td class='chk'><input type='checkbox' seq='ids' value='"+seq+"' class='checkbox'></td>";
row += "<td>"+seq+"</td>";
row += "<td>"+rexp+"</td>";
row +="</tr>";
return row;
}
var myJson = [{"name" : "abc", "age" : 50},
{"age" : "25", "hobby" : "swimming"},
{"name" : "xyz", "hobby" : "programming"}];
// Builds the HTML Table out of myList.
function buildHtmlTable(selector) {
var columns = addAllColumnHeaders(myList, selector);
for (var i = 0 ; i < myJson.length ; i++) {
var row$ = $('<tr/>');
for (var colIndex = 0 ; colIndex < columns.length ; colIndex++) {
var cellValue = myList[i][columns[colIndex]];
if (cellValue == null) { cellValue = ""; }
row$.append($('<td/>').html(cellValue));
}
$(selector).append(row$);
}
}
// Adds a header row to the table and returns the set of columns.
// Need to do union of keys from all records as some records may not contain
// all records
function addAllColumnHeaders(myList){
var columnSet = [];
var headerTr$ = $('<tr/>');
for (var i = 0 ; i < myList.length ; i++) {
var rowHash = myList[i];
for (var key in rowHash) {
if ($.inArray(key, columnSet) == -1){
columnSet.push(key);
headerTr$.append($('<th/>').html(key));
}
}
}
$(selector).append(headerTr$);
return columnSet;
}
<body onLoad="buildHtmlTable('#excelDataTable')">
<table id="excelDataTable" border="1">
</table>
</body>