将使用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进行大量插入，对每个insert语句使用批处理插入而不是命中数据库一次。

下面是一个示例：

• MySQL :使用PreparedStatement将多行插入到PreparedStatement中

如果您决定使用Spring，下面是一个示例：

• 如何使用java spring框架将web窗体中的多行插入数据库