Question

我有一个包含我所有数据的json文件，而且我还有一个搜索框

但我想在结果页面添加分页

我在这里找到了这个有用的代码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"},

感谢任何帮助。

Answer 1

确保您的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"
 }]

Answer 2

getJSON方法通过网址data.json向您的服务器执行GET请求。

您未提供有关文件位置和/或服务器读取方式以及将JSON数据发送回客户端的任何详细信息。

根据您的问题，您正在尝试直接读取名为data.json的文件，这是不可能的。您的服务器必须通过响应getJSON方法提供的URL处的GET请求将JSON数据发送回客户端。

Answer 3

您要查找的方法是JSON.parse(jsonData)

将json文件作为javascript对象读取

3 个答案: