使用 Algolia Instantsearch.js 库获得 JQuery 承诺

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

您可以在 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);
});

Answer 2

承诺 "rendered" 事件的最简单方法是：

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

虽然这里没什么大不了的，但 deferreds/promises 在性能方面相当昂贵。使用 :

您将以更低的成本获得相同的效果

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

使用 Algolia Instantsearch.js 库获得 JQuery 承诺

Get a JQuery promise using Algolia Instantsearch.js library

ajax

jquery

promise

jquery-deferred

algolia