我在我的数据库中使用ajax进行实时搜索,并且JSP也用作我的服务器代码。但是当我尝试运行应用程序时,搜索结果没有出来。请问我的ajax代码有什么问题。 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。* package之后,在下面尝试捕获代码。
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代码中指定/调用,而text-field的id也是seb,div的id输入搜索文本字段后显示的标签是searchResults,它也用在ajax代码中。我希望它清楚,我的错误可以指向我。谢谢。