3

O código abaixo retorna uma promessa:

function getDealerships(region) {
    return $.ajax({
        method: "GET",
        url: "/api/v1/dealerships?region=" + region
    });
}

Assim posso esperar pela reposta do servidor e processar o resultado:

var dealerships = getDealerships('sul');
dealerships.done(function(data){
    //...
});

O problema é que preciso implementar um sistema simples de cache e assim evitar que o servidor seja consultado no caso do utilizador escolher a mesma região:

var dealershipsCache = [];

function getDealerships(region) {
    if ( region in  dealershipsCache )
        return dealershipsCache[region];

    return $.ajax({
        method: "GET",
        url: "/api/v1/dealerships?region=" + region
    });
}

Repare que se a região estiver em cache, é retornado o respectivo valor, porém o que se espera é uma promessa e não uma string.

Como resolver o problema?

2 Respostas 2

2

Tens de criar uma Promise "falsa", ie que dá retorno imediato caso region in dealershipsCache dê verdadeiro, para getDealerships dar sempre uma Promise como resultado.

Podes fazer isso assim:

var dealershipsCache = [];

function getDealerships(region) {
    return new Promise(function(res, fail) {
        if (region in dealershipsCache) {
            res(dealershipsCache[region]);
        } else {
            $.ajax({
                method: "GET",
                url: "/api/v1/dealerships?region=" + region,
                success: function(response) {
                    res(response);
                }
            });
        }
    });
}

Se precisas de usar tecnologia anterior a Promises, e assim suportar browsers antigos, podes fazer assim, com callbacks:

var dealershipsCache = {};
function getDealerships(region, done) {
    if (region in dealershipsCache) {
        return done(dealershipsCache[region]);
    } else {
        $.ajax({
            method: "GET",
            url: "/api/v1/dealerships?region=" + region,
            success: function(response) {
                done(response);
            }
        });
    }
}

e depois chamas assim:

getDealerships('brazil', function(res){
    // e aqui podes usar a resposta
});
5
  • Eu fiz uma solução semelhante em angular. Várias chamadas que eram feitas em HTTP eu refiz com uma promise que retornava o mesmo objeto response, funcionou bem Commented 28/06/2016 às 16:09
  • Vale lembrar que tem que tomar cuidado para que o fail seja chamado, caso contrário haverá uma falha silenciosa na execução da Promise. Commented 28/06/2016 às 16:20
  • Sergio, segundo a documentação não funciona no IE: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… e preciso mesmo considerar o IE. Commented 28/06/2016 às 16:23
  • Veja se essa resposta te ajuda. Commented 28/06/2016 às 17:10
  • @FilipeMoraes juntei uma solução para Browsers mais antigos, à moda antiga (que eu prefiro ainda hoje).
    – Sergio
    Commented 28/06/2016 às 17:47
1

Para transformar um valor em uma Promise que houve sucesso de resposta, basta você encapsular o valor com Promise.resolve.

var dealershipsCache = [];

function getDealerships(region) {
    if ( region in  dealershipsCache )
        return Promise.resolve(dealershipsCache[region]);

    return $.ajax({
        method: "GET",
        url: "/api/v1/dealerships?region=" + region
    });
}

Solução com jQuery.Deferred:

var dealershipsCache = [];

function getDealerships(region) {
    var defer = null;
    if ( region in  dealershipsCache ) {
        defer = $.Deferred();
        defer.resolve(dealershipsCache[region]);
        return defer.promise();
    }

    return $.ajax({
        method: "GET",
        url: "/api/v1/dealerships?region=" + region
    });
}

Solução com $.fn.promise [NOTA: em algumas versões mais antigas essa solução não irá funcionar):

var dealershipsCache = [];

function getDealerships(region) {
    if ( region in  dealershipsCache ) {
        return $(dealershipsCache[region]).promise().then(function(elements) {
          return elements[0];
        });
    }

    return $.ajax({
        method: "GET",
        url: "/api/v1/dealerships?region=" + region
    });
}
4

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .