Skip to main content
Unir todas las partes en un solo arreglo
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36
function AjaxSend() {
    // Extraer el primer elemento del arreglo
    let item = send.shift();
    if(typeof item == 'undefined') {
        // No hay nada para enviar, salir de la función
        return;
    }
    $.ajax({                  
        type: "POST",
        url: "{{url('sendNotiEvento')}}",
        data: { item } 
    }).done(function (response) {
        // Actualizar contenedor
        $("#content_email_noti").append('<tr><td>'+response.nombre + '</td></tr>');
        // Continuar enviando
        AjaxSend();
    });
}

// CrearUnir chunks en un nuevosolo arreglo
let parasend no= afectar[];
// alRecorrer original
letcada sendchunk =para [agregarlo
resultado.forEach(arr => send.push(.resultado];..arr));
// Iniciar envíos
AjaxSend();

Solo para probar cómo se unen todos los "chunks" en un solo arreglo:

let resultado = [
  [
    {id: 2161, nombre: "Soy un Import", correo: "[email protected]", telefono: "1313123"},
    {id: 2162, nombre: "otro", correo: "[email protected]", telefono: "12312321"},
    {id: 2163, nombre: "ot22", correo: "[email protected]", telefono: "123123"},
    {id: 2164, nombre: "Soy un Import", correo: "[email protected]", telefono: "123123123"},
    {id: 2165, nombre: "otro", correo: "[email protected]", telefono: "12312321"},
    {id: 2166, nombre: "ot22", correo: "[email protected]", telefono: "123123"},
    {id: 2185, nombre: "nombre40", correo: "[email protected]", telefono: "123142"}
  ],
  [
    {id: 2186, nombre: "nombre41", correo: "[email protected]", telefono: "123143"},
    {id: 2186, nombre: "nombre41", correo: "[email protected]", telefono: "123143"},
    {id: 2187, nombre: "nombre42", correo: "[email protected]", telefono: "123144"},
    {id: 2188, nombre: "nombre43", correo: "[email protected]", telefono: "123145"},
    {id: 2189, nombre: "nombre44", correo: "[email protected]", telefono: "123146"}
  ]
];

// Unir chunks en un solo arreglo
let send = [];
// Recorrer cada chunk para agregarlo
resultado.forEach(arr => send.push(...arr));
console.log(send);

function AjaxSend() {
    // Extraer el primer elemento del arreglo
    let item = send.shift();
    if(typeof item == 'undefined') {
        // No hay nada para enviar, salir de la función
        return;
    }
    $.ajax({                  
        type: "POST",
        url: "{{url('sendNotiEvento')}}",
        data: { item } 
    }).done(function (response) {
        // Actualizar contenedor
        $("#content_email_noti").append('<tr><td>'+response.nombre + '</td></tr>');
        // Continuar enviando
        AjaxSend();
    });
}

// Crear un nuevo arreglo para no afectar al original
let send = [...resultado];
// Iniciar envíos
AjaxSend();
function AjaxSend() {
    // Extraer el primer elemento del arreglo
    let item = send.shift();
    if(typeof item == 'undefined') {
        // No hay nada para enviar, salir de la función
        return;
    }
    $.ajax({                  
        type: "POST",
        url: "{{url('sendNotiEvento')}}",
        data: { item } 
    }).done(function (response) {
        // Actualizar contenedor
        $("#content_email_noti").append('<tr><td>'+response.nombre + '</td></tr>');
        // Continuar enviando
        AjaxSend();
    });
}

// Unir chunks en un solo arreglo
let send = [];
// Recorrer cada chunk para agregarlo
resultado.forEach(arr => send.push(...arr));
// Iniciar envíos
AjaxSend();

Solo para probar cómo se unen todos los "chunks" en un solo arreglo:

let resultado = [
  [
    {id: 2161, nombre: "Soy un Import", correo: "[email protected]", telefono: "1313123"},
    {id: 2162, nombre: "otro", correo: "[email protected]", telefono: "12312321"},
    {id: 2163, nombre: "ot22", correo: "[email protected]", telefono: "123123"},
    {id: 2164, nombre: "Soy un Import", correo: "[email protected]", telefono: "123123123"},
    {id: 2165, nombre: "otro", correo: "[email protected]", telefono: "12312321"},
    {id: 2166, nombre: "ot22", correo: "[email protected]", telefono: "123123"},
    {id: 2185, nombre: "nombre40", correo: "[email protected]", telefono: "123142"}
  ],
  [
    {id: 2186, nombre: "nombre41", correo: "[email protected]", telefono: "123143"},
    {id: 2186, nombre: "nombre41", correo: "[email protected]", telefono: "123143"},
    {id: 2187, nombre: "nombre42", correo: "[email protected]", telefono: "123144"},
    {id: 2188, nombre: "nombre43", correo: "[email protected]", telefono: "123145"},
    {id: 2189, nombre: "nombre44", correo: "[email protected]", telefono: "123146"}
  ]
];

// Unir chunks en un solo arreglo
let send = [];
// Recorrer cada chunk para agregarlo
resultado.forEach(arr => send.push(...arr));
console.log(send);

se añadieron 338 caracteres en el cuerpo
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36

Como bien te sugiere @L.Ronquillo en comentarios, envía la siguiente petición hasta que la anterior haya finalizado. Si necesitas mantener sin modificar el arreglo resultado, debes crear uno nuevo.

En cada llamada a la función:

  1. Tomas el primer elemento con Array.shift(), eliminándolo del arreglo al mismo tiempo
  2. En caso de ser indefinido, quiere decir que ya no hay más peticiones para enviar
  3. Se hace la petición y, al terminar (done):
    • Actualizas la tabla
    • Ejecutas nuevamente la función (volviendo al paso 1)
function AjaxSend() {
    // Extraer el primer elemento del arreglo
    let item = send.shift();
    if(typeof item == 'undefined') {
        // No hay nada para enviar, salir de la función
        return;
    }
    $.ajax({                  
        type: "POST",
        url: "{{url('sendNotiEvento')}}",
        data: { item } 
    }).done(function (response) {
        // Actualizar contenedor
        $("#content_email_noti").append('<tr><td>'+response.nombre + '</td></tr>');
        // Continuar enviando
        AjaxSend();
    });
}

// Crear un nuevo arreglo para no afectar al original
let send = [...resultado];
// Iniciar envíos
AjaxSend();

Importante: Si la cantidad de datos por cada elemento no es muy grande, puedes mejorar el rendimiento enviando todo en una sola petición. Lógicamente, deberías modificar el script del servidor para manejar todos los datos y devolver un arreglo con lo que se tenga que actualizar en la tabla, que también deberás recorrer en .done().

Como bien te sugiere @L.Ronquillo en comentarios, envía la siguiente petición hasta que la anterior haya finalizado. Si necesitas mantener sin modificar el arreglo resultado, debes crear uno nuevo.

En cada llamada a la función:

  1. Tomas el primer elemento con Array.shift(), eliminándolo del arreglo al mismo tiempo
  2. En caso de ser indefinido, quiere decir que ya no hay más peticiones para enviar
  3. Se hace la petición y, al terminar (done):
    • Actualizas la tabla
    • Ejecutas nuevamente la función (volviendo al paso 1)
function AjaxSend() {
    // Extraer el primer elemento del arreglo
    let item = send.shift();
    if(typeof item == 'undefined') {
        // No hay nada para enviar, salir de la función
        return;
    }
    $.ajax({                  
        type: "POST",
        url: "{{url('sendNotiEvento')}}",
        data: { item } 
    }).done(function (response) {
        // Actualizar contenedor
        $("#content_email_noti").append('<tr><td>'+response.nombre + '</td></tr>');
        // Continuar enviando
        AjaxSend();
    });
}

// Crear un nuevo arreglo para no afectar al original
let send = [...resultado];
// Iniciar envíos
AjaxSend();

Como bien te sugiere @L.Ronquillo en comentarios, envía la siguiente petición hasta que la anterior haya finalizado. Si necesitas mantener sin modificar el arreglo resultado, debes crear uno nuevo.

En cada llamada a la función:

  1. Tomas el primer elemento con Array.shift(), eliminándolo del arreglo al mismo tiempo
  2. En caso de ser indefinido, quiere decir que ya no hay más peticiones para enviar
  3. Se hace la petición y, al terminar (done):
    • Actualizas la tabla
    • Ejecutas nuevamente la función (volviendo al paso 1)
function AjaxSend() {
    // Extraer el primer elemento del arreglo
    let item = send.shift();
    if(typeof item == 'undefined') {
        // No hay nada para enviar, salir de la función
        return;
    }
    $.ajax({                  
        type: "POST",
        url: "{{url('sendNotiEvento')}}",
        data: { item } 
    }).done(function (response) {
        // Actualizar contenedor
        $("#content_email_noti").append('<tr><td>'+response.nombre + '</td></tr>');
        // Continuar enviando
        AjaxSend();
    });
}

// Crear un nuevo arreglo para no afectar al original
let send = [...resultado];
// Iniciar envíos
AjaxSend();

Importante: Si la cantidad de datos por cada elemento no es muy grande, puedes mejorar el rendimiento enviando todo en una sola petición. Lógicamente, deberías modificar el script del servidor para manejar todos los datos y devolver un arreglo con lo que se tenga que actualizar en la tabla, que también deberás recorrer en .done().

Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36

Como bien te sugiere @L.Ronquillo en comentarios, envía la siguiente petición hasta que la anterior haya finalizado. Si necesitas mantener sin modificar el arreglo resultado, debes crear uno nuevo.

En cada llamada a la función:

  1. Tomas el primer elemento con Array.shift(), eliminándolo del arreglo al mismo tiempo
  2. En caso de ser indefinido, quiere decir que ya no hay más peticiones para enviar
  3. Se hace la petición y, al terminar (done):
    • Actualizas la tabla
    • Ejecutas nuevamente la función (volviendo al paso 1)
function AjaxSend() {
    // Extraer el primer elemento del arreglo
    let item = send.shift();
    if(typeof item == 'undefined') {
        // No hay nada para enviar, salir de la función
        return;
    }
    $.ajax({                  
        type: "POST",
        url: "{{url('sendNotiEvento')}}",
        data: { item } 
    }).done(function (response) {
        // Actualizar contenedor
        $("#content_email_noti").append('<tr><td>'+response.nombre + '</td></tr>');
        // Continuar enviando
        AjaxSend();
    });
}

// Crear un nuevo arreglo para no afectar al original
let send = [...resultado];
// Iniciar envíos
AjaxSend();