本篇文章帮大家学习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
%>