使用RESTAPI和jQuery Easyautocomplete插件

使用RESTAPI和jQuery Easyautocomplete插件,jquery,rest,easyautocomplete,Jquery,Rest,Easyautocomplete,我很难让插件连接到我的数据源并获取JSON中每个对象的标题。JSON示例如下所示: data: [{ id: "1", title: "bob", permalink: "/user/folder/bob", type: "user" }] 我正在调用restapi并试图获取title值,我还需要获取每个对象的类型 var q = $("#global-search").val(); var options = { url: "h

我很难让插件连接到我的数据源并获取JSON中每个对象的标题。JSON示例如下所示:

data: [{
       id: "1",
       title: "bob",
       permalink: "/user/folder/bob",
       type: "user"
}]
我正在调用restapi并试图获取
title
值,我还需要获取每个对象的
类型

var q = $("#global-search").val();
var options = {
    url: "https://search.domain-name.com?q=" + q,

    getValue: "title",

    list: {
        match: {
            enabled: true
        }
    }
};

$("#global-search").easyAutocomplete(options);
我得到的唯一错误是:
uncaughttypeerror:无法读取未定义的
的属性'indexOf'

搜索的url结构要求它是基本url
http://search.domain-name.com
,查询参数为
?q=
,用于搜索词

如何解决此问题,以便实际发送和接收请求,并根据返回的数据数组的每个对象中的类型和标题进行搜索

这是我现在的小提琴:

如果我是你, 1.我会检查网址,知道是正常工作。 =>使用Chrome调试工具并查看网络i/o将很有帮助。 =>写入console.log以查找问题

  • 代码看起来不错,但当我检查JSFIDLE时。“input id=“provider remote”和您的jquery id不同,您可以检查它

  • 有时,JSFIDLE不支持通过https=>http的外部url,这可能有助于调试


  • 祝你好运

    部门名称是个疏忽,谢谢。我已经检查了控制台,没有任何其他记录。我已经用jsonplaceholder及其工作区中的测试url替换了该url。如何将文本框中的值作为查询参数附加到url,使其符合我的原始要求。我已经更新了fiddle()以显示它与json占位符api一起工作,但需要能够附加查询参数。