Question

我试图弄清楚如何创建具有多个回调函数的最佳方法。

简而言之，我在整个应用程序中都有不同的触发器，可以在执行关键操作时发送电子邮件（例如关闭故障单或已为其分配成员时）。棘手的部分是，有时需要同时出现多个不同的电子邮件。

这是我的电子邮件功能：

function sendEmail(template, to, cc, bcc, callback, optional=null){

// Define vars needed
var body = '',
    subject = '';

// Based on the template..
switch(template){

    case 'updatedTask':

        // Define the subject
        subject = 'Tool Request - Updated Task';

        // Define our body
        body += 'Hello, <br /><br />';
        body += 'Blah Blah';
        body += 'Footer';

    break;
    case 'removedTaskOwner':

        // Define the subject
        subject = 'Tool Request - Removed Task Owner';

        // Define our body
        body += 'Hello, <br /><br />';
        body += 'Blah Blah';
        body += 'Footer';

    break;
    case 'completedTask':

        // Define the subject
        subject = 'Tool Request - Completed Task';

        // Define our body
        body += 'Hello, <br /><br />';
        body += 'Blah Blah';
        body += 'Footer';

    break;
}


// Send our email
$.ajax({
    url: "../resources/Classes/class.email.php",
    type: "POST",
    cache: false,
    data: {
        from: "noreply@domain.com",
        to: to,
        cc: cc,
        bcc: bcc,
        subject: subject,
        body: body
    },
    error: function(err) {
        alert(err.statusText);
    },
    success: function(data) {
        // Handle Callback
        callFunction(callback);
    }
});
}

// Callbacks
function callFunction(func) {
    func();
}

// Reload the page
function refresh(){
    location.reload('true');
}

这就是我目前使用该功能的方式：

 // Once the email is sent, it triggers a function called refresh
 sendEmail('taskUpdated', toArray, '', '', refresh, '');

这就是我想要做的事情：

// Define our remove function as a callback
var remove = function() {
 sendEmail('removeTaskOwner', toArray, '', '', refresh, '');
}

// Define our completed function as a callback
var completed = function() {
  sendEmail('completedTask', toArray, '', '', refresh, '');
}

// If there is a completed date, we need to send out two separate emails
var callbacks = Array();
if(completionDate){
  callbacks.push('completed', 'remove');
}else{
  callbacks.push('remove');
}

sendEmail('taskUpdated', toArray, '', '', callbacks, '');

我遇到的问题是它不会出现callbacks可以是一系列回调函数。

我要做的总体需要的功能是能够传递多个templates＆amp; recipients并在发送电子邮件结束时触发最终功能，例如页面刷新。

Answer 1

你可以使用Promises。 jQuery已经内置了这个。 $.ajax返回一个承诺。

function sendEmail(template, to, cc, bcc, optional=null){

    // etc..

    // return here!
    return $.ajax({
        url: "../resources/Classes/class.email.php",
        type: "POST",
        cache: false,
        data: {/*etc*/}
    });
}

然后你可以这样做：

var remove = function() {
    sendEmail('removeTaskOwner', toArray, '', '', '' ).done(refresh);
}

// Define our completed function as a callback
var completed = function() {
    sendEmail('completedTask', toArray, '', '', '').done(refresh);
}

sendEmail("taskUpdated", toArray, "" , "").done(function () {
    if(completionDate){
        completed();
    }
    remove();
}).fail(function (err) {
    alert(err.statusText);
});

具有回调数组的JS函数

1 个答案: