JAVA ajax搜索框_Java+AJAX搜索示例

在此示例中，我们将创建一个表单，使用java与ajax实现按名称搜索员工。在这里，我们编写了两层应用程序代码，以使应用程序易于理解。您可以根据标准编写数据库代码。

在Java中使用AJAX创建搜索示例的步骤

需要按照以下步骤操作：

在数据库中创建表

加载org.json.jar文件

创建输入表单

创建服务器端页面以使用名称搜索员工

加载org.json.jar文件

下载此示例，在WEB-INF/lib目录中包含了org.json.jar文件。

创建输入表单

在此页面中，我们创建了一个表单，该表单从用户获取输入以按名称搜索员工。用户在按键盘后释放键时，会调用searchInfo()函数。ajax代码写在searchInfo()函数中。

文件：index.html

var request = new XMLHttpRequest();

function searchInfo() {

var name = document.vinform.name.value;

var url = "index.jsp?val=" + name;

try {

request.onreadystatechange = function () {

if (request.readyState == 4) {

var val = request.responseText;

document.getElementById('mylocation').innerHTML = val;

}

}//end of function

request.open("GET", url, true);

request.send();

} catch (e) { alert("Unable to connect to server"); }

}

Search Employee

创建服务器端页面以处理请求

在这个jsp页面中，我们编写数据库代码来搜索以给定名称开头的员工。

文件：index.jsp

String name=request.getParameter("val");

if(name==null||name.trim().equals("")){

out.print("

Please enter name!

");

}else{

try{

Class.forName("oracle.jdbc.driver.OracleDriver");

Connection con=DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:xe","system","oracle");

PreparedStatement ps=con.prepareStatement("select * from emp911 where name like '"+name+"%'");

ResultSet rs=ps.executeQuery();

if(!rs.isBeforeFirst()) {

out.println("

No Record Found!

");

}else{

out.print("

out.print("

IdNameEmailAddressCityStateCountry");

while(rs.next()){

out.print("

"+rs.getString(1)+""+rs.getString(2)+""+rs.getString(3)+""+rs.getString(4)+""+rs.getString(5)+""+rs.getString(6)+""+rs.getString(7)+"");

}

out.print("

");

}//end of else for rs.isBeforeFirst

con.close();

}catch(Exception e){out.print(e);}

}//end of else

%>