Question

我已经搜索了大约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})

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

我做错了什么？

Answer 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

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

1 个答案: