CRUD | JS

概要

2次元配列データを編集する画面のサンプル。
テンプレートとして利用できるようにしている。
JavaScriptだけしか使っていない。外部とのデータやりとりはJSON文字列にて行う。

使い方

このサンプル自体をテンプレートとして使う。
他のロジックと混合しないよう「xxx」という文字を随所にいれている。
コピペして利用する際、「xxx」を置換すると便利。
PHP側など外部とのやりとりはJSON文字列だけで行う。
JSON文字列は以下の入出力用JSON文字列エレメントにセットする。
<div id='xxx_json'></div>
PHP側はデータを初期表示する際、入出力用JSON文字列エレメントへ2次元配列のエレメントをセットする。
サブミットなどで送信する際も、入出力用JSON文字列エレメントからデータを取得する。

サンプル/テンプレート


入出力用JSON文字列