javascript - 使用 Promise 进行多个 jQuery Ajax 调用

Question

我正在慢慢掌握使用 Promise 的窍门，但现在需要处理多个 Promise。这是我的代码的摘录，其中表单中有两个电子邮件输入，两者都生成 promise ，并且都必须在提交表单之前进行处理。我该如何处理这种情况？

// checks form submission
$('#ml_doaction').on('click', function(e) {
  e.preventDefault();
  var isOK = true;
  $('form#volreg :input').each(function(){
    var id = this.id;
    switch(id)
    {
      case 'email_one':
      case 'email_two':
        checkEmailStatus(id, true).then(function(data) {
          if(isOK && data !== false) {
            // submit form
            $('form#volreg').submit();
          }
        });
      break;

      // etc ....
      //other validation functions that set isOK appropriately
    }
  });
});

$('#email').blur(function(){checkEmailStatus('email_one')});
$('#contact_email').blur(function(){checkEmailStatus('email_two')});
function checkEmailStatus(id)
{
  var emailVal = $('#' + id).val();
  var dfd = $.Deferred();

  $.ajax({
    type: 'POST',               
    data:{'checkEmailStatus':emailVal, 'checkList': 'General'},
    url:'/php/ajax/validation-ajax.php',
    success:function(response){
      if(response == 'notinlist') {
        dfd.resolve(false);
      }
      else if(response == 'yesinlist') {  
        dfd.resolve(true);
      }
    },
  });
  return dfd.promise();
}

Answer 1

您使用Promise.all函数

 var promises = [];
 $('form#volreg :input').each(function(){
    var id = this.id;
    switch(id)
    {
      case 'email_one':
      case 'email_two':
        promises.push(checkEmailStatus(id, true));
      break;

      // etc ....
      //other validation functions that set isOK appropriately
    }
  });

    Promise.all(promises).then(function(values) {
      var isData = true;
       $.each(values,function(v) {
           if(v == false) {isData = false;
           break;}
        })
       if(isOK && isData !== false) {
            // submit form
            $('form#volreg').submit();
          }
    });