使用Algolia Instantsearch.js库获取JQuery promise

Question

我使用instantsearch.js库来管理来自Algolia API的结果。

我想知道有没有办法得到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

简化“呈现”事件的最简单方法是：

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

您可以在render事件处理程序中创建延迟对象、解析或拒绝延迟对象

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);
});