jQuery UI自动完成 - 如何？

Question

我可能正在看这一切。

但是，我正在尝试使用jQuery UI自动完成。

我想将其传递给一个URL，它将从那里得到建议。

我的问题是
1：如何指定URL？
2：如何格式化响应？

Answer 1

这应该使您开始指定URL零件。

首先创建一个输入字段以将自动完成插件附加到。

<input type="text" name="query" />

然后，使用此JavaScript将自动填充连接到刚创建的输入框。

   $("#query").autocomplete({
       source: "/suggestions/get/",
       select: function(event, ui) {
          $("#new-field").val(ui.item.value);
       }
    });

请求URI将是这样的...

/suggestions/get/?term={selection}

selection 表示在自动完成中进行的选择。

现在在您的服务器端，您需要解析URI并使用参数的值 term 要做任何您想做的事 - 搜索数据库以查找所选选择或其他选择。

您应该像这样格式化回复...

suggestion1
suggestion2
suggestion3
suggestion4

这些建议应在新线上（由 \n)

Answer 2

在jQuery UI页面上，您有一个完整的演示，其中包含不同的示例，我认为这足够了。 这里url。