表单提交javascript/jquery/ajax/angularjs时处理错误

问：

我浏览了有关此主题的现有问题，但我无法为我的情况找到解决方案。我是javascript的新手，jquery。我有这个代码

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');

URL 是一个 API 调用。这将执行文件的下载。 我正在尝试处理是否有错误，我尝试使用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');

这创建了多个（在我的情况下是三个）烤面包机。随后的每个错误都只会使烤面包机的数量增加一倍。 如果我传递 url 并键入为 form.attr（），则错误：块代码不会在屏幕上显示。如何在屏幕上显示烤面包机或使ajax调用执行一次？ 我没有使用锚元素进行下载，因为它会导致其他一些问题。所以使用形式。