如何在JQuery表中解析JSON?

时间:2015-11-18 14:38:57

标签: jquery html json ajax

我无法在JQuery表中解析JSON  这是我的jsfiddle链接:http://jsfiddle.net/Manoj1991/cfv5w9ru/4/

$(document).ready(function () {

    $('#example').dataTable({

        "processing": true,
            "serverSide": true,
            "ajax": {
            "url": "http://ergast.com/api/f1/drivers.json",
                "dataType": "json",

        },

    });
});

2 个答案:

答案 0 :(得分:0)

您可以使用DataTable jQuery插件。在他们的页面上你可以找到很多例子。

HTML:

<table id="table_id"></table>

JQuery的:

$(document).ready(function() {
    var url = 'http://ergast.com/api/f1/drivers.json';
    $('#table_id').DataTable( {
        "ajax": url,
        "columns": [
            { "data": "name" },// here you define properties from your objects, that you receive via AJAX
            { "data": "position" }
        ]
    } );
} );

此插件易于使用,并且运行良好:)当然,您需要在我们的页面中包含此库。

答案 1 :(得分:0)

  

当我运行它时,我更新了你http://jsfiddle.net/cfv5w9ru/3/   会给我错误“未提供身份验证凭据”。   所以通过正确的凭据,它将工作

在小提琴中你没有添加jquery或datatable.so小提琴不起作用

注意:数据表不是数据表的jquery函数,你必须使用数据表插件

https://www.datatables.net/

$(document).ready(function() {

    $('#example').DataTable( {

        "processing": true,
        "serverSide": true,
        "ajax": "http://fabfresh.elasticbeanstalk.com/orders",

         beforeSend: function(xhr) {

        xhr.setRequestHeader('Authorization', 'Bearer hari');
      }
    });
} );