パラレルリクエストaxios

一部の操作は、複数の非同期要求が完了した後、アヤックスは別の内部の完全なAjaxのコールバックを置くことができますが、実行する必要があるが、これは簡単にコールバック地獄につながることができ、そしてコードも非常に見苦しいです。

幸いaxiosは同時要求の方法を提供し、

どのように使用するには：

1.このようなアレイ、[axios.get（URL1）、axios.get（URL2）、axios.get（URL3）]に、得るよう要求の準備第一の複数を、

axios.allにアレイを呼び出す2.リクエスト

3.コールバックパラメータは、リクエストごとに結果に対応する配列で

コード： 

1せたURLの= [
 2          'https://jsonplaceholder.typicode.com/posts/1' 、
 3          'https://jsonplaceholder.typicode.com/posts/2' 、
 4          「https://jsonplaceholder.typicode.com /ポスト/ 3'
 5        ]
 6        axiosList =せ[]
 7        urls.forEach（URL => {
 8          axiosList.push（axios.get（URL））
 9        }）
 10        axios.all（axiosList）.then（関数（RESを）{
 11          LET P1は=（RES [0 ] .DATA）
 12          LETのP2 =（RES [1] .DATA）
 13          console.info（P1）
 14          console.info（P2）
 15        }）

 また、リクエストパーティションを拡散するために使用することができる、それが注目されるであろう、異なるパラメータの内部コールバック。

1 axios.all（axiosList）.then（axios.spread（関数（RES1、RES2、RES3、RES4）{
 2          LET P1 = （res1.data）
 3          LETのP2 = （res2.data）
 4          console.info（P1）
 5          console.info（P2）
 6        }））