DataTablesを使用したテーブル生成とサーバーサイド連携(3)

ホーム
アプリ関連ニュース
技術情報
DataTablesを使用したテーブル生成とサーバーサイド連携(3)

2022年2月17日
技術情報

今回はDataTablesを使用したテーブル生成方法とサーバーサイド連携方法をシェアしたいと思います。
前回の記事「DataTablesを使用したテーブル生成とサーバーサイド連携(2)」で作成した動作確認用のスクリプトを実行して動作確認をおこないます。

前回のスクリプトの動作確認結果

Chromeブラウザを使用して動作確認をおこなったところ、以下のエラーが表示されました。

さらに詳細を確認するためにChromeブラウザのDevToolsを使用してNetworkタブのuser_datatablesアクセス時の情報を確認しました。

上記に記載されている通り、”CSRF token mismatch.”が原因のようです。Laravelではpostされる場合、CSRF tokenの検証がデフォルトで有効化されています。
いったんCSRF tokenの検証を外してみます。CSRF tokenの検証を外すには\app\Http\Middleware\VerifyCsrfToken.php に以下を追記します。

class VerifyCsrfToken extends Middleware
{
    /**
     * The URIs that should be excluded from CSRF verification.
     *
     * @var array
     */
    protected $except = [
        'user_datatables',
    ];
}

この設定により以下のようにサーバーサイドから返却されたjsonをDataTablesに反映して表示されることが確認できました。