Revisé las preguntas existentes sobre este tema, pero no pude encontrar una solución para mi caso. Soy nuevo en javascript, jquery. tengo este codigo

 let form = angular.element('form'); form.attr('action', url); form.attr('method', 'get'); form.attr('name', filename); if (fieldName != null) { $('<input type="hidden" name = "field" value = "' + fieldName + '"/>').appendTo(form); } form.trigger('submit');

la url es una llamada api. Esto realiza la descarga de un archivo. Estoy tratando de manejar si hay un error por el cual intenté usar ajax, jquery

 let form = angular.element('form'); form.submit(function(){ $.ajax({ async: false, url: url, type: 'GET', cache: false, success: function(resp) { }, error: function(error) { toaster.error(error.responseText); } }); }); form.trigger('submit');

esto crea múltiples tostadoras (tres en mi caso). y cada error subsiguiente duplicará el número de tostadores. si paso la url y escribo como form.attr() el error: el código de bloque no se representa en la pantalla. ¿Cómo muestro la tostadora en la pantalla o hago que la llamada ajax se ejecute una vez? No estoy usando el elemento ancla para descargar porque está causando otros problemas. entonces usando formulario.