将使用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，但是在这种情况下没关系）：

• 将HTML表值存储在Javascript数组中，并使用jQuery和Ajax发送到PHP脚本

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

这是一个例子：

• Java：使用PreparedStatement将多行插入MySQL

如果您决定使用Spring，请参考以下示例：

• 如何使用Java Spring框架将Web表单中的多行插入数据库