使用jQuery将JSON字符串转换为Datatable

时间:2018-08-23 13:50:25

标签: javascript jquery json

请参阅我的脚本。为什么没有显示数据? 我在这里https://datatables.net/manual/ajax#Data-array-location尝试了很多事情,但是我需要帮助才能将json数据显示到数据表中

$(document).ready(function() {

var json = '{"company_id":"1","company_name":"schneider"}';

    $('#example').DataTable( {
	    "data": JSON.parse(json),
        "columns": [
            { "data": "company_id" },
			{ "data": "company_name"}
        ]
    } );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

<table id="example" class="display" style="width:100%">
	<thead>
		<tr>
			<th>C_ID</th>
			<th>C_NAME</th>
		</tr>
	</thead>
</table>

1 个答案:

答案 0 :(得分:1)

data参数接受一个数组而不是单个对象。

您的JSON应该如下所示:

MongoDB shell version v4.0.0
connecting to: mongodb://127.0.0.1:27017
MongoDB server version: 4.0.0

这里是JSFiddle