Javascriptを使用した2つの並列ajax呼び出しのマージ応答

Question

私は2つのajax呼び出しを並列に行いたいと応答し、各呼び出しから2つの配列を取得します。私はそれらの2つの配列をマージし、HTMLで表示したいと思います。それを行う最善の方法は何ですか？通話が完了したか、いずれかの通話が途絶えていることをどのようにして知ることができますか？両方のAJAX呼び出しは次のコードは、マージを行います成功し

Answer 1

終了した場合にのみ、コールバックはクビにすべきである：一方

var result1 = ['a', 'b']; 
var result2 = ['c', 'd']; 
var mergedResult = result1.concat(result2); 

EDIT

を、あなたはそれがあなたのドン、私たちに語りました配列のマージは必要ですが、同期されたajax呼び出しは必要ありません。あなたは古いブラウザをサポートする必要がある場合、私は図書館をお勧めしますhttp://caniuse.com/#search=promise

を参照して、約束を使用し、すべてブラウザをサポートする必要がない場合

1. ：私はそのためのいくつかのソリューションを参照してください。たぶんあなたは既にjQueryを使用しているか、より軽量なライブラリを見るためにLightweight implementation of promisesを見ることができます。
2. オープンなajaxコールを数え、そのうちの1つが完了するとカウンタを減少させ、カウンタがゼロになった後でアクションを実行することで、「小さな」ソリューションを試すことができます。私はそれをお勧めしませんが、それは簡単な方法です。

Answer 2

var p1 = new Promise(function(resolve, reject){ 
//Ajax call 1 
resolve(response1) 
}) 
var p2 = new Promise(function(resolve, reject){ 
//Ajax call 2 
resolve(response2) 
}) 

Promise.all([p1, p2]).then(function(values){ 
//Here we will get values of p1, p2 
});