いろんなJS案件に携わって行くと、稀にAjax通信を一度に複数回行う必要がでてくると思います。そういう案件のほとんどは、取ってきたAのデータはエリアAに表示、BはエリアBに表示・・・という感じにデータを入れていかないといけないのですが、Ajax通信はファイルのロード完了状況の関係でデータの返ってくる順番がバラバラで思い通りに扱えない時があると思います。 一つのAjax通信が終わってからもうひとつ読み込めばいいじゃん!って思うのですが、読み込むファイル数が多い場合はファイルの数×ロード時間となってしまい、読み込みに時間がかかってしまいそうなので並列で読み込みをさせようと思います。 ということで今回は、下記条件を満たすコードを紹介します。 一度の動作で複数のデータにAjax通信する返ってきたデータは返却順にかかわらず、それぞれ所定の位置に表示させるデータは並列で読み込む まずは一つのファイルに
![jQuery:$.ajax()をforで回した時の順番 | ARTICLE | goma](https://cdn-ak-scissors.b.st-hatena.com/image/square/21c6a4730060c3597f21dadfcfba4c8087d60437/height=288;version=1;width=512/https%3A%2F%2Fgoma.pw%2Farticle%2Fdata%2Fimages%2F2015-03-14-1%2Fmain.png)