成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置：首頁技術文章
文章詳情頁

html5 - datatables 加載不出來數據。

瀏覽：147日期：2022-11-19 10:39:37

問題描述

我在后臺已經請求到了json數據,如下`

[{'aid':100000,'name':'JYCM201609010250','rtsp':'947|100000|3750','statuz':'1','updateTime':'2017-05-31'},{'aid':100001,'name':'gui','rtsp':'947|100000|3750','statuz':'0','updateTime':'2017-05-31'}]

下面是我的js 代碼

<script> $(document).ready(function () {$(’#table_id_example’).DataTable({ 'iDisplayLength': 10, 'bLengthChange': false, 'ajax': {'url': '/media','dataType': 'json','success': function (json) { console.log(json)} }, 'columns': [{ 'data': ’aid’},{ 'data': ’name’},{ 'data': ’rtsp’},{ 'data': ’statuz’},{ 'data': ’updateTime’} ]}); });</script>

后臺代碼

@Autowired private MediaImpl media; @ResponseBody @RequestMapping(value = '/media',method = RequestMethod.GET) public List<Media> MediaAll(){System.out.println('------------------------------------------------------');return media.findAll(); }

html代碼

<link rel='stylesheet' href='http://www.piao2010.com/css/jquery.dataTables.css' th:href='http://www.piao2010.com/wenda/@{css/jquery.dataTables.css}'/><script type='text/javascript' src='http://www.piao2010.com/js/jquery.min.js' th:src='http://www.piao2010.com/wenda/@{/js/jquery.min.js}'></script><script type='text/javascript' src='http://www.piao2010.com/js/jquery.dataTables.js' th:src='http://www.piao2010.com/wenda/@{js/jquery.dataTables.js}'></script><body><table cellspacing='0' width='100%'> <thead> <tr><th>媒資ID</th><th>媒資名稱</th><th>播放串</th><th>狀態</th><th>更新時間</th> </tr> </thead> <!-- <tbody> <tr><td>Row 1 Data 1</td><td>Row 1 Data 1</td><td>Row 1 Data 1</td><td>Row 1 Data 1</td><td>Row 1 Data 1</td> </tr></tbody>--></table></body>

html5 - datatables 加載不出來數據。

前后臺都沒有報錯，但就是顯示不出來數據。請問是少配置還是那塊書寫錯誤，謝謝

問題解答

回答1：

用過這個插件，你還要加一個datasrc說明，獲取成功之后，從哪提數據。（修正，可能不是datasrc的原因,但看著又像是沒加這個的原因）這是我用到的代碼，看是否能給你點啟示：`$.ajax({

type:’GET’,***/*省略某些代碼*/*** success:function(result){ /*聲明一個空對象*/ var returnData = {}; returnData.data = result.rows //數據來源 callback(returnData) //此步不能省略，最重要的就是調用callback }

})`

回答2：

官網上對獲取的json數據有這種要求

By default DataTables will look for the property data (or aaData for compatibility with DataTables 1.9-) when obtaining data from an Ajax source or for server-side processing

也就是說你那個包含各個數據的數組應該放在data屬性里，這樣應該就可以了

{'data':[{'aid':100000,'name':'JYCM201609010250','rtsp':'947|100000|3750','statuz':'1','updateTime':'2017-05-31'},{'aid':100001,'name':'gui','rtsp':'947|100000|3750','statuz':'0','updateTime':'2017-05-31'}]}

data同級還可以放別的如條目總數等的參數

標簽： Html5
相關文章：