0

Quiero usar Promise.all en una llamada a un Webservice pero estoy haciendo algo mal

Quiero enviar cajas de zanahorias a un servidor, cada caja estará compuesta por un JSON con datos como el peso, el tamaño, la cantidad de zanahorias...

Por un lado tengo el método que llama al webservice que recibe datos en Json

function enviarCajaZanahoriasAServer(cajaZanahoriaJson) {


    return new Promise(function (resolve, reject) {


        var options = {
            type: 'POST',
            url: URL,
            data: JSON.stringify(dataJson),
            contentType: "application/json;",
            dataType: 'json',
            headers: {
                "Authorization": TOKEN
            },

            success: function (respuesta) {
                    resolve(respuesta);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                    reject(respuestaError);

            }
        }

        $.ajax(options).done(function (data) {
            console.log(" DONE");

        });

    });

Por otro lado tengo un array de cajas de zanahorias que contiene los datos de cada una de las cajas, este array se crea de forma dinánica y puede tener 2 cajas o 2000

var listaDeCajasDeZanahorias = [];

Ahora quiero mandar las cajas de Zanahorias del array al método usando Promise.all

En los ejemplo veo que hacen :

Promise.all([function(datos), function(datos)];

Pero como aplico yo esto a mi código?

Lo que quiero hacer es esto, pero no sé como

    Promise.all([enviarCajaZanahoriasAServer (listaDeCajasDeZanahorias [1]),enviarCajaZanahoriasAServer
 (listaDeCajasDeZanahorias [2])..........]; //asi hasta todas las posiciones del array

1 respuesta 1

1

Puedes usar la función map del Array prototype.

const promises = listaDeCajasDeZanahorias.map(caja => {
    enviarCajaZanahoriasAServer(caja st); // Devuelve una Promise
});

// Promises será un array de Promises. Una promise por elemento de la lista original.
Promise.all(promises)
       .then(r => {
           // Se completan todas las llamadas.
       });

La llamada a map la he puesto así para que se entienda mejor, pero puede ser más abreviada.

const promises = listaDeCajasDeZanahorias.map(enviarCajaZanahoriasAServer);
// ...

Porque enviarCajaZanahoriasAServer ya es una función que toma por parámetro una caja de zanahoria y devuelve una Promise con la llamada al servidor. A propósito, enviarCajaZanahoriasAServer debería devolver esa Promise, sino no podrás esperar a que termine.

function enviarCajaZanahoriasAServer(cajaZanahoriaJson) {
    return new Promise(function (resolve, reject) {
        var options = {
            // ...
        }

        $.ajax(options).done(function (data) {
            // ...
        });
    });
}

Espero que sirva.

3
  • mucho, me ha servido de mucho. Mil gracias!
    – JoCuTo
    el 22 may. 2020 a las 9:09
  • Una duda .then(r => { // Se completan todas las llamadas console.log("fin de llamadas".}); por la consola me aparece "fin de llamadas" pero en realidad no ha terminado con todas las promesas . He cambiado el return new Promise . Se te ocurre el motivo?
    – JoCuTo
    el 22 may. 2020 a las 9:52
  • 1
    Aquí tienes un pequeño ejemplo. Ten en cuenta que si una sola Promise falla, el Promise.all también se resuelve. En la documentación está todo explicado.
    – VRoxa
    el 22 may. 2020 a las 10:40

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.