jQuery UI自动完成 - 如何?
-
02-10-2019 - |
题
我可能正在看这一切。
但是,我正在尝试使用jQuery UI自动完成。
我想将其传递给一个URL,它将从那里得到建议。
我的问题是
1:如何指定URL?
2:如何格式化响应?
解决方案
这应该使您开始指定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
)
其他提示
在jQuery UI页面上,您有一个完整的演示,其中包含不同的示例,我认为这足够了。 这里url。
不隶属于 StackOverflow