2016-08-01 157 views
-1

這是我的代碼,我使用Ajax獲取數據。但我的桌子結構不好。所以我的代碼有什麼問題?通過JSON數據在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); 
     }); 
     }); 

} 

有阿賈克斯也不是JS,但我的 '原' 將不顯示在我的表

控制器 公共職能constractlocation(){

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

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

}

沒有錯誤
+0

呼叫'的DataTable()'*後*你把數據放在那裏。此外,如果您遇到特定問題,我們需要知道問題所在,以及您收到的任何錯誤消息。目前你的問題還不清楚。 –

+0

沒有工作@RoryMcCrossan –

+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" } 
    ] 
}); 
+0

使用第二種方法,我得到這個錯誤:DataTables警告:表id =分區表 - Ajax錯誤。有關此錯誤的更多信息,請參閱http://datatables.net/tn/7 –

+0

這意味着您的控件將進入ajax錯誤處理程序。請檢查服務器端實現是否正常工作,並返回有效的JSON。 –

+0

我編輯了我的問題,請檢查我的控制器,它實際上是返回一個有效的JSOn! –