jquery - 从本地文件加载时数据表抛出 "invalid JSON"错误

Question

我正在尝试将以下 JSON 数据从本地文件提取到 DataTables 中，但得到的是 invalid JSON 响应:

    {
    "data": [
        {
            "accountNumber": "2423",
            "domain": "domain.com",
            "playerClass": "",
            "adTag": ""
        },
        {
            "level": "info",
            "message": "generator ",
            "timestamp": "2015-06-10T15:59:02.803Z"
        }
    ]
}

使用:

    $(document).ready(function () {
        $('#content').dataTable({
            "ajax": 'test.log'
        });
    });

JSFIDDLE

Answer 1

这是因为您实际上拥有无效的 JSON。使用数据表时，根据文档，您的数据源始终需要是一个数组:https://www.datatables.net/manual/data

它应该是这样的:

{
    "data": [
        {
            "accountNumber": "1234",
            "domain": "domain.com",
            "playerClass": "Player",
            "adTag": ""
        },
        {
            "accountNumber": "1234",
            "domain": "domain.com",
            "playerClass": "Player",
            "adTag": ""
        }
    ],
    "level": "info",
    "message": "tag generator ",
    "timestamp": "2015-06-09T21:00:45.776Z"
}

当您创建 JSON 时，您应该始终验证它以确保它有效 - 查看 http://jsonlint.org