スキップナビゲーションリンク

jQuery.ajax csv絞り込み検索&ページング

動作対象環境

仕様

動作サンプル

サンプルのみを別窓で表示

サンプルダウンロード

サンプルダウンロード

解説

csvデータから非同期通信によってデータを抽出する。

その際、フォームで選択した条件によって各項目の表示非表示を判別した後に、決められた数の項目をブラウザに出力し、
表示数をオーバーする項目については、ページングナビゲーションを操作することによって確認できるようにする。

各絞り込み条件は、横軸に複数選択する場合はor検索であり、縦軸に複数選択する場合はand検索とした。
つまり、横に条件を増やしていくと該当項目数は増し、縦に条件を増やしていくと該当する表示項目数は減少する。

外部データにXMLファイルでなくCSVファイルを採用することで、データ容量的にもマッチング処理上も表示速度向上を図っている。

ただし、CSVファイルの文字コードはUTF-8に設定する必要があり、
Shift JIS以外のCSVファイルはMicrosoft Excelで利用できないため運用上不都合な場合もあるが、
OpenOffice Calc などのツールを利用することで更新が可能である。