如何使用 Flask 从 devbridge 实现 jquery-autocomplete？答案

【问题标题】：How to implement jquery-autocomplete from devbridge with Flask?如何使用 Flask 从 devbridge 实现 jquery-autocomplete？
【发布时间】：2017-07-03 05:22:18
【问题描述】：

我已经搜索了大约 2 天的时间来寻找答案，但没有运气。在这一点上，我不知道我在做什么。根据我的搜索，这应该很简单，所以我一定缺少一些简单的东西。

这是我在 index.html 中的 javascript，带有一个 ID 为 seach_term 的输入字段：

$('#search_term').autocomplete({
    serviceUrl: '/autocomplete',
    dataType: 'json',
    onSelect: function (suggestion) {
        alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    }
});

这是 /autocomplete 的视图代码：

suggestions = [{'value': 'joe', 'data': 'joe'}, {'value': 'jim', 'data': 'jim'}]
return jsonify({"suggestions": suggestions})

我知道这个问题已经被问了很多次，但我仍然没有找到一个解释得足以让我能够将该解决方案应用于我的问题的答案。

我做错了什么？

【问题讨论】：

标签： jquery ajax flask autocomplete

【解决方案1】：

$( "#search_term" ).autocomplete({
  serviceUrl: '/autocomplete',
  select: function( event, ui ) {
    alert( "Selected: " + ui.item.value + " aka " + ui.item.data );
  }
});

这可能会对您有所帮助。请查看jquery自动补全链接https://jqueryui.com/autocomplete/#remote-jsonp

【讨论】：

我试过了，但没有任何改变。问题是我的 jquery 版本错误。那个链接帮我找到了！