Ajax での複数項目の JSON ファイルの取得と読み込みについて

今更ですがAjaxでのファイルの読み込みについてです。

Dataセットが複数あるようなJSONファイルの読み込みを行います。

JOSNの形式はこんな感じのデータにします。

 

データ関連の構造を複数持っていて階層的に取り込みを行う必要があります。

グラフ関連の処理でよく使われますね。

今回は描画関連の処理ではなく、リストにデータを格納して行くという処理を実施して見ます。

 

エラー時はコンソールログにエラーを出しているだけになります。

実際にはリストに組み込んだデータを何かしら処理する形になると思います。

今回はシンプルでしたがこんな感じで。

 

 

このブログは株式会社CoLabMixによる技術ブログです。

GCP、AWSなどでのインフラ構築・運用や、クローリング・分析・検索などを主体とした開発を行なっています。

Ruby on RailsやDjango、Pythonなどの開発依頼などお気軽にお声がけください。

開発パートナーを増やしたいという企業と積極的に繋がっていきたいです。

お問い合わせやご依頼・ご相談など

関連記事

  1. CentOS6 + Apache2 を無料のSSL「Let’…

  2. CentOS7でscrapy-splashを使ってJavaScript…

  3. Pythonでのgoogle-cloud-bigqueryライブラリを…

  4. Dockerfileを使った基本的なDockerの動作

  5. CentOS7にLAMP環境(PHP7.2)のインストール

  6. Vue.jsで申し込み同意でボタンをアクティブにするチェックボタンの作…