2017-06-19 128 views
0

我有我的所有數據的JSON文件內,我也有一個搜索框讀取JSON文件,如JavaScript對象

但我想分頁添加到結果頁

我發現這是很有幫助的代碼Simple pagination in javascript它顯示瞭如何完成,但問題是,我的數據來自一個名爲data.json的文件

我已經嘗試了很多事情來試圖讓我的數據通過,但似乎沒有工作

the below does not work 
$.getJSON('data.json', function(data) { 
    console.log('data',data); 
}); 

這是我的數據

{"id":"1","name":"Name 1","channel_id":"37"},{"id":"2","name":"Name 2","channel_id":"41"},{"id":"3","name":"Name 3","channel_id":"37"}, 

任何幫助表示讚賞。

+0

因此該方法,什麼在控制檯輸出? – webdeb

+0

嗨!更多信息將使診斷問題變得更加容易。你說你的$ .getJSON調用不起作用,你能更具體嗎?嘗試時是否有任何事情登錄到控制檯? – jack

+0

誰高舉這個......? –

回答

2

確保您的JSON是有效的。 當我檢查你的Json數據時,它是一個對象數組,但它缺少[]。我修正了你的數據如下。

[{ 
"id": "1", 
"name": "Name 1", 
"channel_id": "37" 
    }, { 
"id": "2", 
"name": "Name 2", 
"channel_id": "41" 
}, { 
"id": "3", 
"name": "Name 3", 
"channel_id": "37" 
}] 
+0

這還算是一種JSON如果它嵌套在一個數組中並具有.json文件擴展名的對象? – Ozan

+0

@Ozan,是的,它甚至是文件擴展名是.json或其他。我不認爲文件擴展很重要。 – htpvl

0

getJSON方法執行在URL data.json GET請求到服務器。

您沒有提供有關文件和/或如何您的服務器讀取和JSON數據發送回客戶端的位置的任何細節。

通過你的問題,你想直接讀取一個名爲data.json文件,這是不可能的。您的服務器必須通過在提供給getJSON方法的url處響應GET請求,將JSON數據發送回客戶端。

0

,你要找的是JSON.parse(jsonData)