【问题标题】:JSON error on using jquery datatable使用 jquery 数据表时出现 JSON 错误
【发布时间】:2015-02-12 08:53:07
【问题描述】:
[{"name":"aaa","firstname":"bbb","lastname":"ccc"},
{"name":"qqq","firstname":"eee","lastname":"mmm"},
{"name":"www","firstname":"ooo","lastname":"lll"}]

我正在向服务器发出 ajax 请求,它返回上面的 json 数据。但是我>得到 json 解析错误

$(document).ready(function() {
    $('#example').dataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": {
                "url": "http://example",
                "dataType": "jsonp",
        "columns": [
                { "data": "name"},
                { "data": "firstname" },
                { "data": "lastname" }
            ]
            }
        } );
});

【问题讨论】:

  • 这是分配列的正确方法吗?datatables.net/examples/ajax/objects.html
  • @RohanKumar,好吧 - 他正在返回结果,并使用 jsonp .... 所以不,与同源策略无关。
  • 是的,现在看起来好多了:) 已删除答案。
  • DataTables 警告:表 id=example - JSON 响应无效。有关此错误的更多信息,请参阅datatables.net/tn/1
  • 你的数据不是 JSONP。

标签: javascript jquery ajax json jquery-datatables


【解决方案1】:

您的 ajax 属性不应包含 column 属性。:

代码:

$(document).ready(function() {
    $('#example').dataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": {
                "url": "http://example",
                "dataType": "jsonp"
        },
        "columns": [
                 { "data": "name"},
                 { "data": "firstname" },
                 { "data": "lastname" }
            ]
        } );
});

【讨论】:

  • 如果我删除 jsonp,我会收到同源策略错误
  • @GirishMahindrakar,可以这样添加同源策略,但是我在答案中显示的 ajax 和列重叠
  • +1。好地方。我也认为这是正确的答案。 @GirishMahindrakar,您的初始化选项格式错误:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-05-08
相关资源
最近更新 更多