Javascript jQueryUIAutoComplete工作正常,但得到的结果为空
我使用了来自的Jquery自动完成示例。我已经包括了参考网站上的所有特定代码,但在我的本地网站上不起作用。 我只想在其中搜索公司名称Javascript jQueryUIAutoComplete工作正常,但得到的结果为空,javascript,jquery,jquery-ui,autocomplete,Javascript,Jquery,Jquery Ui,Autocomplete,我使用了来自的Jquery自动完成示例。我已经包括了参考网站上的所有特定代码,但在我的本地网站上不起作用。 我只想在其中搜索公司名称 $(函数(){ 功能日志(消息){ $(“”).text(message).prependTo(“#log”); $(“#log”).scrollTop(0); } $(“#公司名称”)。自动完成({ 来源:“http://localhost:5050/api/v1/web-客户名单“, 键入:“获取”, 最小长度:1, 自动选择:正确, 自动对焦:对, 数
$(函数(){
功能日志(消息){
$(“”).text(message).prependTo(“#log”);
$(“#log”).scrollTop(0);
}
$(“#公司名称”)。自动完成({
来源:“http://localhost:5050/api/v1/web-客户名单“,
键入:“获取”,
最小长度:1,
自动选择:正确,
自动对焦:对,
数据类型:“json”,
响应:功能(事件、用户界面){
var responseObj=ui.content[0];
var companyNameList=[];
对于(var i=0;i,我已经对示例进行了详细讨论,并进行了一些调整,以适应您似乎正在做的事情
工作示例:
HTML
<div class="ui-widget">
<label for="companyName">Company Name: </label>
<input id="companyName">
</div>
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
Result:
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>
如果您希望您的版本正常工作,通过GET
调用URL,则返回的数据应为:
具有标签和值属性的对象数组:[{label:“Choice1”,value:“value1”},…]
例如:
[{
label: "Apple",
value: 1
},
{
label: "Google",
value: 2
}];
我希望这能有所帮助。请提供一个AJAX调用中返回的数据示例。您还需要返回数组。返回公司名称列表;
非常感谢您的帮助。非常感谢您的帮助!!我只有一个问题。您目前在其中保留了静态数据,但如何获取动态数据。你能告诉我它的格式吗?那将由你的API提供。只需调用你的get。
[{
company: {
company_name
}
}]
[{
label: "Apple",
value: 1
},
{
label: "Google",
value: 2
}];