Algolia Instantsearch.jsライブラリを使用してJQuery約束を取得

Question

Algolia APIから私の結果を管理するためにinstantsearch.jsライブラリを使用しています。

instantsearch.jsで約束を得る方法があるかどうかを知りたいですか？

search.on('render', function() { 
    // code 
}); 

は私のコードを実行することが、私は、プロセスの私のコードの前に他のAJAX非同期結果を待つしたいと思います：

私は現在のコマンドを使用しています。

私の目的は、以下のようなものを得ることです：

var request1 = $.ajax(url); 

var request2 = $.ajax(url); 

var result = search.on('render', function() { 
    // code 
} 

$.when(request1, request2, result).then(
    function(){ 
     console.log("success", arguments); 
    }, 
    function(){ 
     console.log("fail", arguments); 
    }); 

は、誰もが解決策を持っていますか？

ありがとうございます。

サム

Answer 1

最も簡単な方法があるrenderイベントハンドラで繰延オブジェクトを、繰延オブジェクトを作成して解決するか、拒否することができます。

var request1 = $.ajax(url); 
var request2 = $.ajax(url); 
var rendered = $.Deferred(function(dfrd) { 
    search.on('render', dfrd.resolve); 
}); 

$.when(request1, request2, rendered).then(function(result1, result2) { 
    console.log(result1, result2); 
}, function(error) { 
    console.error(error); 
}); 

ここで大きな問題ではありませんが、延期/約束はパフォーマンス面ではかなり高価です。

var request1 = $.ajax(url); 
var request2 = $.ajax(url); 
search.on('render', function() { 
    $.when(request1, request2).then(function(result1, result2) { 
     console.log(result1, result2); 
    }, function(error) { 
     console.error(error); 
    }); 
}); 

Answer 2

あなたは "レンダリング" イベントをpromisifyする

var request1 = $.ajax(url); 

var request2 = $.ajax(url); 

var result = new $.Deferred(); 

search.on('render', function() { 
    // code 
    result.resolve(/* value */); 
}) 

$.when(request1, request2, result) 
.then(
    function() { 
     console.log("success", arguments); 
    }, 
    function() { 
     console.log("fail", arguments); 
});