2017-06-19 124 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)