将 AJAX 请求作为另一个函数的回调调用

问：

从我在网上找到的所有答案来看，这听起来应该很简单，但我一辈子都想不通......

我正在页面上的对象上运行jQuery每个函数，然后尝试调用AJAX请求作为该函数的回调。我的代码示例如下：

$("#cda").submit(function(e) {

e.preventDefault();

 var form = $(this);
 var url = form.attr('action');

 uploadCDADocs(function(){
   $.ajax({
      type: "POST",
      url: url,
      data: form.serialize(),
      success: function(data)
      {
          alert(data);
      }
   });
 });

});

function uploadCDADocs(callback){

 $('input[name="cda-docs[]"]').each(function(){
   var file = $(this)[0].files[0];

   if(file){
     uploadMultipleFiles(file);
   }

 });

 callback();

}

据我了解，代码应该首先运行 uploadCDADocs 中的所有内容，然后在所有操作完成后才运行 AJAX 请求。

但是，目前 AJAX 与 myFunction 中的代码同时运行。我做错了什么？

我也尝试过使用 $.when.then，但也没有用。我被卡住了。

P.S. - 所有功能都正常工作，我只是无法让它们按顺序运行。