使用ajax时搜索数据库无法正常工作

时间:2013-08-03 16:00:04

标签: java sql ajax jsp

我在我的数据库中使用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代码中。我希望它清楚,我的错误可以指向我。谢谢。

0 个答案:

没有答案