/AjaxでCSVを読み込みJavascriptDBを使いselectで抽出表示する方法2014.04.03AjaxでCSVを読み込みJavascriptDBを使いselectで抽出表示する方法JavascriptのみでデータをMySQLのように扱えるJavascriptDBは既存のデータの抽出にも使える。Excelから書き出したCSVデータやCSVで作られているファイルから、必要な条件や検索などでマッチしたデータを表示するのもJavascriptDBを使えば簡単。通常のHTMLファイルで構築しているページではデータの更新ごとにHTMLベースで修正していかなくてはならないが、JavascriptDBを使っておけばデータの更新は元になっているCSVのファイルのみを更新していくだけで済むのもこの方法を使うポイントとも言える。当然のことながら、数千、数万件のデータならMySQL等のデータベースを利用すべきだが、データの上限が200〜300件程度なら、十分検討に値する選択肢といえる。外部CSVファイルの読み込みにはAjaxを使う。false}).success(function(data){//読み込んだデータの処理});上記スクリプトでは同じディレクトリに置いた「list.csv」という名前のCSVデータファイルを読み込んでいる。今回は、読み込んだデータを改行ごとに分割、各行ごとにカンマで分割して配列化し、JavascriptDBの書式に従いデータに追加する。members');//書き出しDBTest.View(selectArr1,document);JavascriptDBの初歩的な入手方法や設定・解説は、「JavaScriptのみでデータがMySQLのように使えるjavascriptDBの使い方」や「javascriptDBで出力されるタグを変更したい時はこの方法」を参照してもらいたい。Argentina,36,932110120今回のサンプルページ同じように設置しても表示されない時は、CSVファイルの文字コードや改行コードを確認すると解決できることが多いまた、Chromeの場合ローカルではうまく動かないから、サーバーにアップしてテストするといい。mobileでプルダウンを選択状態にしたい時WordPressのスマホ用プラグインwp-pdaのカラーカスタマイズはこの方法デジタルゲートがお手伝いホームページをリニューアルしたい、スマホ対応にしたい、デザインそのままで機能だけ追加したい、更新だけ代行して欲しい。サイトを運営したいけど誰に相談したらいいか分からない。そんな時はお気軽にお問い合わせください。フリーランスで活動している人のためのマッチングサイトです。無料で自由に登録、ポートフォリオや自己PR・お仕事PRに活用してください。なりたい人と、写真家、モデル募集、被写体を探しているカメラマンのためのマッチングサイトです。無料で自由に登録、写真をアップして自己PRできます。ホームページ制作やリニューアル、ちょっと変わったサイトの企画・制作・運営をしています。