我目前正在从事一个库存管理项目。我在 Netbeans 平台上使用 JSP 和 MySQL。在我的查询项目中,我需要从数据库中检索值并将其显示在表中。要显示的行在我的页面中应该是动态的。它们应该以任意数量显示。假设当我想根据我选择的特定选择检索值时,我应该能够根据选择显示所有数据并将其显示在表格的行中。我无法在表格的多行中显示它,因为我使用文本框来显示值。 这是代码片段:
<table>
<tr>
<td>
<select name="choice_type">
<option>select</option>
<option value="part_type">part_type</option>
<option value="category">category</option>
<option value="names">names</option>
</select>
</td>
</tr>
<tr>
<th>VAL</th>
<th>VAL DESC</th>
</tr>
<tr>
<td> <input type="text" name="val" id="val" size="15" /></td>
<td> <input type="text" name="val_desc" id="val_desc" size="15" /></td>
</tr>
</table>
<input type="submit" name="Query" value="Query" onClick="getData();"/>
getData()函数如下:
function getData(){
xmlHttp=GetXmlHttpObject()
var id=document.getElementById("choice_type").value;
var url="choice_retrieval.jsp";//The code for this file is defined below
url=url+"?choice_type="+id;
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null);
}
function stateChanged(){
if(xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
var showdata = xmlHttp.responseText;
var strar = showdata.split(":");
if(strar.length>1){
var strname = strar[1];
document.getElementById("val").value= strar[1];
document.getElementById("val_desc").value= strar[2];
}
}
choice_retrieval.jsp 的代码片段如下:
<%
String ch = request.getParameter("choice_type").toString();
System.out.println(ch);
String data ="";
try{
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://", "", "");
Statement st=con.createStatement();
ResultSet rs=st.executeQuery("select * from master_panel where choice_type='"+ch+"'");
while(rs.next())
{
data = ":" + rs.getString("val") + ": " + rs.getString("val_desc");
}
out.println(data);
System.out.println(data);
}
catch(Exception e) {
System.out.println(e);
}
%>
这里使用的数据库表是 master_panel(choice_type varchar,val varchar,val_desc varchar)。到目前为止,我还没有施加任何限制。根据 choice_type 值,我需要从数据库中检索相应的数据(val 和 val_desc)并将其显示在动态行中。
最佳答案
假设正在返回数据(正在调用您的 stateChanged
方法)您需要在 stateChanged中动态创建表格行(及其内容,文本框)
方法通过修改DOM。
要修改 DOM 以创建表结构,代码应如下所示(假设您已经删除了之前显示的行):
var table = document.getElementById('tableId');
var data = xmlHttp.responseText.split(":");
for (int i = 0; i < data.length; i + 2)
{
var valueText = document.createElement('input');
valueText.type = 'text';
valueText.name = 'value' + i;
valueText.value = data[i];
var valueCell = document.createElement('td');
valueCell.appendChild(valueText);
var descriptionText = document.createElement('input');
descriptionText.type = 'text';
descriptionText.name = 'value' + i;
descriptionText.value = data[i + 1];
var descriptionCell = document.createElement('td');
descriptionCell.appendChild(descriptionText);
var tableRow = document.createElement('tr');
tableRow.appendChild(valueCell);
tableRow.appendChild(descriptionCell);
table.tBodies[0].appendChild(tableRow);
}
此外,正如@TrueDub 所说,出于多种原因,将 SQL 放入 JSP 中是不好的。更糟糕的是使用字符串连接构建 SQL 查询 - 它会使您的系统遭受 SQL 注入(inject)攻击,尤其是当连接的字符串包含在浏览器中捕获的字符串时。
关于java - 从数据库中检索数据并使用文本框将其动态显示在表格的行中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9687625/