使用ajax数据表显示数据
Display data with ajax datatable
我已经被这个问题困扰了一整天,基本上我有一个表,我需要通过datatable用ajax发送数据multidimensional array $list
,这样我就可以json编码并发送回显示:
$('#table_test').dataTable( {
"bProcessing": false,
"bServerSide": true,
"bJQueryUI": true,
"sAjaxSource": "ajax.php",
"sAjaxDataProp": "data",
"fnServerData" : function(sSource, aoData, fnCallback) {
jQuery.ajax({
"dataType" : "json",
"type" : "POST",
"url" : sSource,
"data" : aoData,
"success" : function(data) {
fnCallback(data);
}
});
},
"aoColumns": [
{ "mData": "thumbnail" },
{ "mData": "title" },
{ "mData": "category" },
{ "mData": "price" },
{ "mData": "date_post" },
{ "mData": "actions" }]
});
ajax.php(用于测试)
<?php
$array = array(
"aaData" => array(
array(
'thumbnail' => "1",
'title' => "1",
'category' => "1",
'price' => "1",
'date_post' => "1",
'actions' => "ONE"
),
array(
'thumbnail' => "1",
'title' => "2",
'category' => "2",
'price' => "2",
'date_post' => "2",
'actions' => "TWO"
),
array(
'thumbnail' => "3",
'title' => "3",
'category' => "3",
'price' => "3",
'date_post' => "3",
'actions' => "THREE"
),
)
);
echo json_encode($array);
?>
下面是我想要填充数据的标签:
<table cellpadding='0' cellspacing='0' border='0' class='datatable table table-striped table-bordered' id='table_test' >
</table>
有什么帮助吗?感谢。
只是一个想法,你有没有尝试改变mData字符串在aocolcolumns像这样的aaData ?
},
"aoColumns": [
{ "aaData": "thumbnail" },
{ "aaData": "title" },
{ "aaData": "category" },
{ "aaData": "price" },
{ "aaData": "date_post" },
{ "aaData": "actions" }]
});
相关文章:
- 如何将json数据显示为html
- 解耦按钮(两个按钮同时切换),并根据数据显示相应的按钮
- 将json提要数据显示为html
- 使用Ajax Get方法将数据显示到特定元素中
- 如何将数据显示为线性highChart
- Json显示来自网站的数据显示仅未定义
- 使 ajax 请求和成功数据显示在 id <选择>选择>部分中
- 在按钮单击时将图像URL数据显示到弹出框中,而无需禁用背景
- 如何在循环中将 json 数据显示为 HTML
- 如何使用javascript在html中将firebase数据显示为列表
- PHP同时循环数组数据显示到javascript中
- 原始图像数据显示
- 如何在 y 轴上将数据显示为 KB、MB、GB、TB
- Ajax 数据显示在包含 10 行的表中
- 如何让 Mathjax.js 与 ANCII.js 将附加的 json 数据显示为正确的公式
- 调用 Worklight 适配器并将列表视图中的 JSON 数据显示为字符串
- Jquery/Javascript Datatables : 如何在行选择时将行数据显示到 html 文本字段中
- 双击 td 时,如何在警告框中将数据库中的数据显示为 html 表
- 日期之间的数据显示所有头
- 如何使用模板中的数据显示谷歌地图