jquery - jquery ui 自动完成 - 如何？

Question

我可能看错了。

但是，我正在尝试使用 jquery ui 自动完成功能。

我想给它一个网址，它会从那里得到建议。

我的问题是
1：我如何指定网址？
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 页面上，您有一个包含不同示例的完整演示，我认为这应该足够了。这是网址。