2017-04-02 71 views
0

我無法使easyautocomplete插件連接到我的數據源並在JSON內拉取每個對象的標題。在JSON的樣品看起來是這樣的:在jQuery中使用REST API Easyautocomplete插件

data: [{ 
     id: "1", 
     title: "bob", 
     permalink: "/user/folder/bob", 
     type: "user" 
}] 

我正在調用我的REST API,並試圖讓title價值,這也是我需要得到每個type對象也是如此。

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); 

我得到的唯一錯誤是:Uncaught TypeError: Cannot read property 'indexOf' of undefined

搜索的網址結構要求它是基本網址http://search.domain-name.com,搜索字詞的查詢參數爲?q=

我該如何解決這個問題,以便我的請求實際上被髮送並接收響應以及按照返回的數據數組的每個對象的類型和標題進行搜索?

這是我目前小提琴:JSFIDDLE

回答

1

如果我是你, 1.我將檢查URL知道的是,工作正常。 =>使用Chrome調試工具並查看網絡I/O將會很有幫助。 =>編寫console.log來查找問題。

  1. 該代碼看起來不錯,但是當我檢查了jsfiddle。 「input id =」provider-remote「」和你的jquery id是不同的,你可以檢查它。

  2. 有時,jsfiddle不支持通過https =>外部URL通過http可能有助於調試。

好運

+0

DIV的名字是一個疏忽,謝謝。我檢查了控制檯,沒有得到任何其他記錄。我已經用jsonplaceholder及其工作的測試網址替換了網址。如何將文本框中的值作爲查詢參數附加到url,以便它符合我原來的要求。我更新了小提琴(https://jsfiddle.net/xb45t46q/1/)以顯示它與json佔位符api一起工作,但需要能夠追加他們的查詢參數。 – Matt