[英]Inserting HTML5 Geo Location Laititude and Longitude values into Database
[英]Inserting HTML DOM values into the database
我使用HTML创建了一个名为“添加文本框”的按钮,单击该按钮将创建一个文本框。 创建的文本框的变量名称为“ textid”。 现在,由于没有两个文本框可以具有相同的变量名,因此我创建了一个名为“ addRowIndex”的变量,并将其分配给每个文本框的变量名。 因此,每个文本框的变量名称为“ textid + addRowIndex”。 我想将这些文本框值插入mysql数据库。 但是,当我输入值并单击提交时,输入的是空值而不是输入的文本框值。 另外,我无法将后续的文本框值插入数据库。 以下是用于完整过程的以下HTML,Javascript和JSP代码。
PS:我想JSP代码中的'request.getParameter()'编写不正确。 以及应在JSP中添加什么代码,以便将后续文本框的值输入数据库。
HTML代码:
<html>
<head>
</head>
<body>
<button type="button" onclick="addRow()">Add Textbox</button>
</body>
</html>
验证码:
<script>
var addRowIndexArray = [];
function addRow() {
var addRowIndex = addRowIndexArray.length;
var createDiv = document.createElement("div");
createDiv.id = "innerDiv";
addRowIndexArray.push(document.body.appendChild(createDiv));
var createText = document.createElement("input");
createText.type = "text";
createText.id = "textid";
createText.name = "textid" + addRowIndex;
createDiv.appendChild(createText);
var createBr = document.createElement("br");
createDiv.appendChild(createBr);
};
</script>
JSP代码:
<%
PreparedStatement ps = null;
ResultSet rs = null;
String driverName = "com.mysql.jdbc.Driver";
String url = "jdbc:mysql://localhost:3306/connection";
String user = "root";
String password = "nike";
String textBox = request.getParameter("textid + addRowIndex");
String sql1 = "insert into demo1 values('" + textBox + "')";
try {
Class.forName(driverName);
java.sql.Connection con = DriverManager.getConnection(url, user, password);
ps = con.prepareStatement(sql1);
Statement stmt = con.createStatement();
stmt.executeUpdate(sql1);
rs = ps.executeQuery();
con.close();
} catch (Exception e) {
System.err.println("Got an exception!");
System.err.println(e.getMessage());
}
%>
我认为从中获取请求对象和参数的方法不正确,正确的方法是使用servlet或spring控制器配置请求处理程序。 然后,您可以映射一个URL(mydomain / upload?row = mydata)并从行输入框中获取数据。
*或者您可以使用jsp表单元素向表单添加索引行,然后单击“提交”按钮,所有行都将被上传。 有关使用spring MVC和上传表单数据的信息,请参考此内容。 http://www.mkyong.com/spring-mvc/spring-mvc-file-upload-example/
*如果必须通过addRow按钮上载行以异步方式单击,则应考虑使用ajax / xhr进行操作。 你可以在这里找到参考
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.