お久しぶりです。
実はいよいよプログラマーになりまして、主婦から抜け出し、会社員として働いています。
業務でAjaxを使用しており、jsonデータを加工してDOMを生成し表示していたのですが、幾分forループがネストされていて解読に時間がかかったので、コードをいい感じにリファクタリングできないかと試してみたものです。
jQueryでjsonデータをAjax通信で取得し表示する
以下クリックで表示されます。
コードの説明
- 取得ボタンクリックでjsonファイルをGETしにいく
- 取得したデータはオブジェクトに変換
- $.eachでデータをテーブルに順番に入れ込む
まとめ
意外と簡単に回せることがわかった。
for文でネストするよりこちらのほうが見やすさは格段に上だと思う。
なぜforでネストしてるんだろうか。。。
何か理由があるのかもしれない。