通过Json数据在Ajax中循环?

时间:2016-08-01 08:42:30

标签: jquery json ajax datatable

这是我的代码,我使用Ajax获取数据。但我的桌子并没有很好地构建。那我的代码有什么问题?

success: function(data) {

    $('#district-table').DataTable();
      $.each(data, function() {
        $.each(data.data, function(data) {

          raw ='<tr><td>' + data['district'] + '</td><td>' + data['total'] + '</td></tr>';

          $('#district-table-body').append(raw);
        });
      });

}

Ajax和Js都没有错误,但是我的&#39; raw&#39;不会在我的表格中显示

控制器 公共职能constractlocation(){

 $counts = DB::table('tablename')->select('district', DB::raw('count(*) as total'))->groupBy('district')->get();

 $data = json_encode($counts);
 return $data;

}

1 个答案:

答案 0 :(得分:0)

如果您使用 DataTable 插件,则无需亲自遍历JSON响应

您可以直接将数据分配到表格,如下所示。

success: function(data) {
    $('#district-table').DataTable({
        "processing": true,
        "data": data
    });
}

您也可以在Datatable中嵌入ajax调用,如下所示。

$('#district-table').DataTable({
    "ajax": '../path_to_controller_action',
    "columns": [
       { "data": "district" },
       { "data": "total" }
    ]
});