Tengo 2 funciones que devuelven promesas que me gustaría encadenar dentro de un bucle foreach . Lo que sucede es que la primera función se ejecuta hasta que se completa el foreach antes de ejecutar la segunda función para la matriz.

Lo que esperaría es que para cada link , se ejecute getLandingPageName y luego pase el nuevo valor que proviene de él a un formulario que paso a createLandingPage .

 $('#btn_multi_lp').on('click', () => { let links = (findLpURL(HTML)) ? findLpURL(HTML) : getHrefLink(HTML); if (links) { let linksByNbr = countOccurrences(links); Object.keys(linksByNbr).forEach((link) => { let formLp = new FormData(); formLp.append('campaign_id', $('#campaign_id').val()) formLp.append('crea_id', 80); getLandingPageName($campaignName).then((dataLp) => { formLp.append('lp_name', dataLp.name); formLp.append('validated_lp', link); createLandingPage(formLp).then(() => { formLp.delete('validated_lp'); formLp.delete('lp_name'); }).catch((err) => { alert(err); }) }).catch((error) => { console.log(error); }) }); } }); function getLandingPageName(campaignName) { return new Promise((resolve, reject) => { $.ajax({ type: 'POST', url: "{{ route('account-creative-getlandingpagename') }}", data: { campaignName: campaignName, _method: 'POST' //we need this so we can send string data to server }, dataType: "json", success: (data) => { resolve(data); }, error: (jqXHR, textStatus, error) => { reject('\nstatus code ' + jqXHR.status + '\n details: ' + jqXHR.responseText); } }); }); function createLandingPage(formData) { return new Promise((resolve, reject) => { $.ajax({ type: 'POST', url: "{{ route('account-lp-create') }}", data: formData, dataType: "json", cache: false, contentType: false, processData: false, success: (data) => { /* data {success, response_lp, lp_paired_name } */ resolve(data); }, error: (jqXHR, textStatus, error) => { reject('creativeInstall : \nstatus code ' + jqXHR.status + ' \ndetails: ' + jqXHR.responseText); } }); }); }