javascript - DevBridge 自动完成

Question

我正在尝试使用从 https://www.devbridge.com/sourcery/components/jquery-autocomplete/ 下载的 DevBridge Autocomplete

但我无法让它工作:(

我有一个如下所示的 HTML 输入字段:

<input type="text" name="city" size="12" value="City" id="autocomplete" autocomplete="off">

在同一个文件中我得到了我的 JavaScript:

<script src="autocomplete/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="autocomplete/jquery.mockjax.js" type="text/javascript"></script>
<script src="autocomplete/jquery.autocomplete.js" type="text/javascript"></script>
<script type="text/javascript">
$('#autocomplete').autocomplete({
    serviceUrl: '/cities.php',
    onSelect: function (suggestion) {
        alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    }
});
</script>

cities.php?autocomplete=aach 的示例输出如下所示:

{ "suggestions": [ { "value": "Aach ", "data": "Aach " },{ "value": "Aacha ", "data": "Aacha " },{ "value": "Aachen ", "data": "Aachen " } ] } 

我错过了什么？谢谢帮助!

Answer 1

可能是网址问题，尝试代替 cities.php?autocomplete=aach “cities.php?query=aach”请求。我认为默认情况下 jquery-autocomplete 会发送 some_url?query=key_word。