[英]DataTables warning: JSON data from server could not be parsed. This is caused by a JSON formatting error
[英]jquery datatables mysql php DataTables warning (table id='displayData'): DataTables warning: JSON data from could not be parsed
加载数据表时出现以下消息错误
DataTables警告(表id ='displayData'):DataTables警告:无法解析JSON数据。
我的灵感来自http://datatables.net/examples/server_side/server_side.html
我的html代码:
<!DOCTYPE html>
<html>
<head>
<title>Hello jQuery world!</title>
<link rel="stylesheet" type="text/css" href="../jquery/css/192/ui-lightness/jquery-ui-1.9.2.custom.css">
<style type="text/css">
@import "../jquery/datatables/194/media/css/demo_page.css";
@import "../jquery/datatables/194/media/css/demo_table.css";
</style>
<script type="text/javascript" src="../jquery/js/183/jquery-1.8.3.js"></script>
<!-- <script type="text/javascript" src="../jquery/js/192ui/jquery-ui-1.9.2.custom.js"></script> -->
<script type="text/javascript" charset="utf-8" src="../jquery/datatables/194/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="../js/26script.js"></script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="displayData">
<thead>
<tr>
<th align="left">id</th>
<th align="left">codepays</th>
<th align="left">CodePostal</th>
<th align="left">Ville</th>
<th align="left">nomadmin</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5" class="dataTables_empty">Loading data from server</td>
</tr>
</tbody>
</table>
</html>
我的JavaScript 26script.js:
$(document).ready(function() {
$('#displayData').dataTable({
"sAjaxSource" : "../data/json/261arrays.php",
});
});
我也尝试了以下选项
$(document).ready(function() {
$('#displayData').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource" : "../data/json/261arrays.php",
});
});
我的PHP脚本。 (我正在使用PDO访问我的mysql数据库。)
<?php
$aColumns = array('id', 'codepays', 'CodePostal', 'Ville', 'nomadmin');
$dsn = 'mysql:host=localhost;dbname=';
$db = 'fde_travel';
$username = 'root';
$password = 'root';
//Initialisation de la liste
$list = array();
$listt = array();
$sTable = "tvl_cp";
$sIndexColumn = "id";
//Connexion MySQL
$options = array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8", PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION);
try {
$db = new PDO($dsn . $db, $username, $password, $options);
} catch (Exception $ex) {
echo $ex -> getMessage();
}
//Construction de la requete
$sQuery = "SELECT id id ,codepays , CP CodePostal, VILLE Ville, nomadmin1 nomadmin FROM tvl_cp limit 100";
$query = $db -> prepare($sQuery);
$query -> execute();
$ar = array();
$num = 0;
while ($listt = $query -> fetch(PDO::FETCH_NUM, PDO::FETCH_ORI_NEXT)) {
$ar[$num] = $listt;
$num = $num + 1;
}
$oututt['aaData'] = $ar;
//header('Content-type: application/json');
echo json_encode($oututt);
?>
当我记录结果数组时,我得到一个具有以下结构的数组:
{
"aaData": [
[
"1",
"BE",
"1000",
"Bruxelles",
"Bruxelles-Capitale"
],
[
"2",
"BE",
"1005",
"Conseil Region Bruxelles-Capitale",
"Bruxelles-Capitale"
],
[
"3",
"BE",
"1006",
"Raad Vlaamse Gemeenschapscommissie",
"Bruxelles-Capitale"
],
[
"4",
"BE",
"1007",
"Ass. Commiss. Communau. française",
"Bruxelles-Capitale"
],
[
"100",
"BE",
"1700",
"Dilbeek Sint-Ulriks-Kapelle",
"Vlaanderen"
]
]
}
我在http://jsonlint.com/中检查了此数组,它的格式正确
例如,当我复制此数组并将其粘贴到带有扩展名file.json的文件中时,如果我修改脚本,则会加载数据表,并且可以在屏幕上看到结果。
我也尝试过http://debug.datatables.net/ bug来查看数组中的最终问题,但我不知道它是如何工作的。
我有什么修改要显示在屏幕上,通过php脚本实现的json数组?
提前致谢
是的,看来php返回的预期结果无法用datatable库处理。
json文件中的数组模式不能与php脚本生成的json数组模式相同。 因此,如果我们遵循http://www.datatables.net/examples/data_sources/server_side.html引用的示例中发生的情况
$output = array(
"sEcho" => 1,
"iTotalRecords" => 100,
"iTotalDisplayRecords" => 100,
"aaData" => array()
);
while ($aRow = $query -> fetch(PDO::FETCH_ASSOC)) {
$row = array();
for ( $i=0 ; $i<count($aColumns) ; $i++ ) {
if ( $aColumns[$i] != ' ' ) {
/* General output */
$row[] = $aRow[ $aColumns[$i] ];
}
}
$output['aaData'][] = $row;
}
echo json_encode($output);
对于由php脚本生成的json数组,我们得到以下结构
{
"sEcho": 1,
"iTotalRecords": 100,
"iTotalDisplayRecords": 100,
"aaData": [
[
"1",
"BE",
"1000",
"Bruxelles",
"Bruxelles-Capitale"
],
[
"2",
"BE",
"1005",
"Conseil Region Bruxelles-Capitale",
"Bruxelles-Capitale"
],
[
"3",
"BE",
"1006",
"Raad Vlaamse Gemeenschapscommissie",
"Bruxelles-Capitale"
],
[
"4",
"BE",
"1007",
"Ass. Commiss. Communau. française",
"Bruxelles-Capitale"
],
[
"100",
"BE",
"1700",
"Dilbeek Sint-Ulriks-Kapelle",
"Vlaanderen"
]
]
}
在datatables.net网站上,使用“ mysql_query”获取数据(我不喜欢,因为php弃用了mysql接口)。 PHP的建议mysqli界面。 但是对于其他数据库,我们可能需要使用PDO接口。 要使用PDO接口以相同的模式获得相同的结果,必须编写:fetch(PDO :: FETCH_ASSOC)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.