关于如何使用 Java Web 技术(JSP、servlet 和 AJAX)使 HTML 输入文本元素像“Google 的 AJAX 搜索引擎”输入文本元素一样工作,我需要您的帮助。下拉列表中的数据将分别来自数据库表,例如 MySQL 或 Microsoft SQL 数据库。
我研究了有关这方面的 NetBeans 教程,但该教程无法从下拉列表中选择一个值以显示在 HTML 输入文本元素中。这是链接。
谢谢。
@user2870719 您可以尝试如下操作,在您的 jsp 页面中向 servlet/jsp 发送 ajax 请求,并将响应数据填充到 javascript 变量中。所以你可以得到我上面提到的 jQuery 自动完成文本框。
<%@page import="java.sql.*"%>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
function showData(value){
$.ajax({
url : "ur_servlet?name="+value,
type : "POST",
async : false,
success : function(data) {
//Do something with the data here
}
});
}
</script>
</head>
<body>
<form name="employee">
<input type="text" name="name" id="name" onkeyup="showData(this.value);"><br>
</table>
</body>
</html>
在 servlet 中,
String name = request.getParameter("name");
String buffer="";
try{
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root", "root");
Statement st=con.createStatement();
ResultSet rs=st.executeQuery("select * from data where name like '"+name+"%'");
while(rs.next())
{
buffer=buffer+"'"+rs.getString("name")+"',";
}
response.getWriter().println(buffer);
}
catch (Exception e) {
e.printStackTrace();
}
最后将响应发送到 jsp 页面。让我知道这是否有帮助..
Autocomplete-Java 中的 Jquery Ajax Json 示例(使用 Servlet)
这里我使用 devbridge jquery api 来实现自动完成功能。
要求:
Eclipse
Mysql(或者您可以使用任何其他数据库,但在 lib 文件夹中您必须为该数据库添加适当的驱动程序)
获取
Mysql
的
国家/地区列表https://github.com/bharathirasa/demo/blob/master/mysql-国家列表codes.sql
对于 Oracle https://github.com/bharathirasa/demo/blob/master/oracle-country-list.sql
HTML 代码
<input type="text" name="country" id="autocomplete"
class="form-control" placeholder="Enter Country name" />
jQuery代码
$("#autocomplete").autocomplete({
//lookup: countries,
serviceUrl:'Auto', //tell the script where to send requests
width: 450, //set width
//callback just to show it's working
onSelect: function (suggestion) {
$('#selection').html('You selected: ' + suggestion.value + ', ' + suggestion.data);
},
showNoSuggestionNotice: true,
noSuggestionNotice: 'Sorry, no matching results',
});
小服务程序代码
String q=request.getParameter("query");
ArrayList<Country> o=CountryDao.getCountryName(q);
Gson gson = new Gson();
// convert java object to JSON format,
// and returned as JSON formatted string
String json = gson.toJson(o);
//System.out.println(json);
response.getWriter().write("{\"suggestions\":"+json+"}");
这里没有提到该方法,因此所有数据都将作为 GET 方法传递。如果您想通过 Jquery 中的帖子提及来传递数据,例如 type:'POST'。
嗨实际上我使用devbridge jquery api在java中创建了一个自动完成
点击链接获取更多信息
http://pdfboxtutorial.blogspot.com/2015/03/autocomplete-jquery-ajax-json-example.html