我正在使用jQuery autocomplete
作为地址字段。我将搜索查询发送到JSP
,该查询与Java后端一起使用,后端返回JSON
格式String
。我希望每个按键用户类型使用新的数据源,因此我尝试刷新String
个自动完成选项。
它有效,但匹配选项仅显示一秒钟的分割。
基本上我想要的是在用户类型时替换JSON String
,因为我有包含许多地址的数据库。
主HTML页面:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/jquery.autocomplete.min.js"> </script>
<script type="text/javascript">
var addresses=['Freyas Kvarter'];
function lookupDone(param){
$('#autocomplete').autocomplete({
lookup: addresses
});
}
function sendSearchRequest(searchQuery){
var fileref = document.createElement('script');
fileref.setAttribute("type", "text/javascript");
fileref.setAttribute("src", "http://localhost:8080
/FIBIA_Autocomplete/main.jsp?search=" + searchQuery);
document.getElementsByTagName("head")[0].appendChild(fileref);
}
$(document).ready(function() {
$("#autocomplete").keyup(function() {
sendSearchRequest($("#autocomplete").val());
});
$('#autocomplete').autocomplete({
lookup: addresses
});
});
</script>
这可能看起来不是一个复杂的问题,我在每次击键后获得正确的值来解决值,但不知何故,自动完成不能按预期工作。我已经看到了很多关于这方面的问题,但没有任何帮助。
答案 0 :(得分:0)
我使用了错误的库... lookup
应替换为source
,而js/jquery.autocomplete.min.js
应替换为http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js
希望将来能帮助别人。