我在我的数据库中使用 ajax 进行实时搜索,并且 JSP 作为我的服务器代码工作。但是当我尝试运行应用程序时,搜索结果不出来。请问我的 ajax 代码有什么问题。阿贾克斯代码
function Search(){
if (window.XMLHTTPRequest){
xmlresults = new XMLHttRequest();
}else{
xmlresults = new ActiveXObject('Microsoft.XMLHTTP');
}
xmlresults.onreadystatechange = function (){
if(xmlresults.readyState == 4 && xmlresults.status == 200){
document.getElementById('searchResults').innerHTML = xmlresults.responseText;
}
}
xmlresults.open('GET','searchR.jsp?seb='+ document.form1.seb.value,true);
xmlresults.send();
}
根据在搜索框中输入的内容来查询数据库的 JSP 代码。在声明我的变量并导入 java.sql.* 包之后,尝试捕获下面的代码。
try{
Class.forName("com.mysql.jdbc.Driver");
con = DriverManager.getConnection("jdbc:mysql://localhost/search","root","root");
query = "select * from result";
// query = "select * from result where seb like '"+seb+"%'";
ps = con.prepareStatement(query);
rs = ps.executeQuery();
if(rs.next()){
%>
<div >
<%=rs.getString("seb")%>
</div>
<%
}
}catch(Exception e){
out.println("Error "+e);
}
%>
显示搜索查询的页面。我正在使用表单元素。
<form name="form1" id="form1" method="GET">
<table width="638" height="38" border="0">
<tr>
<td><span id="sprytextfield1">
<input name="seb" type="text" id="seb" size="75" autocomplete="on" placeholder="Enter into Search box" style="line-height: 25px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 700; font-size: 15px; border-radius: 9px; box-shadow: #F3F3F3 0.1em 0.1em 0.3em 0.1em; border-color: #F5F5F5;" onKeyUp="Search();">
<span class="textfieldRequiredMsg">A value is required.</span></span> <input type="submit" name="Search" id="Search" value="Search" style="height:30px;"></td>
</tr>
</table>
</form>
<table width="588" border="0">
<div id="searchResults">
</div>
</table>
请注意,执行数据库查询的 JSP 代码的名称是 searchR.jsp,它也在 ajax 代码中指定/调用,并且文本字段的 id 是 seb,显示的 div 标记的 id输入到搜索文本字段后是searchResults,它也用于ajax代码。我希望它清楚,我的错误可以指出给我。谢谢。