0

データテーブルをロードすると、次のメッセージ エラーが表示されます

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スクリプト。(MySQL データベースへのアクセスに PDO を使用しています。)

<?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/ でこの配列を確認しましたが、整形式の json 配列です。

たとえば、この配列をコピーして拡張子 file.json のファイルに貼り付け、スクリプトを変更すると、データテーブルが読み込まれ、結果が画面に表示されます。

http: //debug.datatables.net/ bug を試して、アレイの最終的な問題を確認しましたが、それがどのように機能するかわかりません。

画面に表示するために何を変更したのですか?phpスクリプトによって達成された私のjson配列?

前もって感謝します

4

1 に答える 1

1

はい、php によって返される期待される結果は、データテーブル ライブラリでは処理できないようです。

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 Webサイトでは、データは「mysql_query」で取得されます（phpがmysqlインターフェースを非推奨にするため、好きではありません）。PHP アドバイス mysqli インターフェイス。しかし、他のデータベースでは、おそらく PDO インターフェイスを使用する必要があります。PDO インターフェイスを使用して同じパターンで同じ結果を得るには、次のように記述する必要があります: fetch(PDO::FETCH_ASSOC)

于 2013-01-05T21:38:32.417 に答える