将使用createElement（Javascript）创建的动态数据保存到数据库

Question

我是这个论坛的新手以及网页设计。我正在尝试使用JSP设计一个配置文件管理工具，其中动态添加（通过javascript createElement）输入字段，为其分配名称。我只能将一条记录保存到数据库，而其他记录则被忽略。 我的问题是如何保存动态添加的所有数据？ 请帮帮我。

Javascript代码：使用以下函数，我可以获得Javascript数组

function addedu()
{  
    $(document).ready(function(){
    $(".ed").each(function(input){
    var value = $(this).val();
    var id = $(this).attr('id');
    t= id+' : '+ value;
    arr.push(t);
    });
});

var newinput1 = document.createElement("input");
newinput1.name="i1"
newinput1.className="ed"    
newinput1.id="Education"
newinput1.innerHTML = "";
document.getElementById('edu').appendChild(newinput1);
}

JSP代码：

String edu1=request.getParameter("i1");
Statement st1=con.createStatement();
String sql1="insert into education values('"+pno+"','"+edu1+"');
st1.executeUpdate(sql1);

Answer 1

在客户端，您可以使用jQuery动态添加行并读取必要的值。要访问表的行，您可以使用jQuery选择器。然后将数据保存在JavaScript数组中，将其转换为JSON并将其发送到服务器端。

这是一个例子（使用PHP，但在这种情况下并不重要）：

• Store HTML Table Values in a Javascript Array and Send to a PHP Script Using jQuery and Ajax

在服务器端，您需要通过普通JDBC进行大量插入，使用BATCH插入而不是为每个插入语句命中一次数据库。

以下是一个例子：

• Java: Insert multiple rows into MySQL with PreparedStatement

如果你决定使用Spring，这是一个例子：

• How to Insert multiple rows from web form into database using java spring framework