使用回调

Question

$('form#register').on('submit', function(e) { 
    e.preventDefault(); 
    userAuth(this); 
    // if done : do a 
    // if fail : do b 
}); 
$('form#login').on('submit', function(e) { 
    e.preventDefault(); 
    userAuth(this); 
    // if done : do x 
    // if fail : do y 
}); 

function userAuth(form) { 
    console.log($(form).serialize()); 
    var request = $.ajax({ 
     url: 'process.php', 
     cache: false, 
     type: 'POST', 
     data: $(form).serialize() 
    }); 
    request.done(function (msg) { 
     console.log(msg); 
    }); 
    request.fail(function(jqXHR, textStatus) { 
     console.log(jqXHR, textStatus); 
    }); 
} 

如何在提交处理程序中检查完成/失败？

是的，我知道这需要对callback和asynchronous执行javascript的基本了解。我已经阅读了不少书籍和教程，但我似乎没有得到它。所以也许这里的例子会有所帮助。添加回调参数

Answer 1

最简单的方法：

function userAuth(form, doneCallback, failCallback) { 
    console.log($(form).serialize()); 
    var request = $.ajax({ 
     url: 'process.php', 
     cache: false, 
     type: 'POST', 
     data: $(form).serialize() 
    }); 
    request.done(doneCallback); 
    request.fail(failCallback); 
} 

，并调用它为：

$('form#register').on('submit', function(e) { 
    e.preventDefault(); 
    userAuth(this, function(){ 
     //I'm done 
    }, function(){ 
     //I failed 
    }); 
}); 

记住回调函数将收到相同的参数从jQuery的的done和fail。如果你不想要，请将它们称为：

request.done(function (msg) { 
    doneCallback(); 
}); 
request.fail(function(jqXHR, textStatus) { 
    failCallback(); 
}); 

回调不是一个困难的概念。请记住，它们是像int，字符串，RegExps等参数。它们恰好是一个函数，所以它们可以被调用。

编辑回答评论

您可以保存在一个以上的方式从一个函数值：

var globalVariable; 

userAuth(this, function() { 
    var myValue = 4; // local variable 

    globalVariable = myValue; 

    window.explicitGlobalVariable = myValue; // same as above, except I haven't created a variable beforehand 

    implicitGlobalVariable = myValue; // I'm omitting var keyword, so it will leak to global scope 
}) 

这样做的缺点是使用全局变量是在大多数代码异味案例。有一些方法可以避免它们，但它需要更多的知识才能达到您需要达到的效果，以举例说明。