DevBridge 自动补全

Question

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

下载的 DevBridge 自动完成功能

但我无法让它工作:(

我有一个 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

这可能是 url 的问题，尝试代替 cities.php?autocomplete=aach "cities.php?query=aach" 请求。我认为默认情况下 jquery-自动完成发送 some_url?query=key_word.

Answer 2

查看 Devbridge 文档。它指定如果要更改查询字符串参数名称，则必须设置 paramName 选项。

在您的情况下，在初始化自动完成小部件时将其设置为：

paramName:"autocomplete"

文档中的行：

paramName：默认query。包含查询的请求参数的名称。

DevBridge 自动补全

DevBridge autocompletion

javascript

jquery

autocomplete