javascript - $.ajaxComplete 和 $.ajaxError 的正确用法？

Question

我一直在我的 ajax 表单提交中使用以下代码段:

$.ajax({
url: "",
data: ilmoittautumisdata,
type: "POST",
success:function(){

});
error:function(){

});
});

但是，我记得有人告诉我停止在其中使用 success 和 error，因为它们已被弃用(？)，而是使用 $.ajaxComplete(); 和 $。 ajaxError();.

但是，阅读文档对我没有帮助，因为我想同时使用它们，这对我不起作用。

$('#ilmoittuminen').submit(function(){
            var ilmoittautumisdata = $('#ilmoittuminen').serialize();
            $.ajax({
                //url: "",
                data: ilmoittautumisdata,
                type: "POST"
                });
            $.ajaxComplete(
            function(){
            $('#ilmoittuminen').slideUp();
            });
            $.ajaxError(
            function(){

            });
    return false;
    });​

我应该怎么做？

http://jsfiddle.net/D7qgd/

Answer 1

首先，您要查找的词是“已弃用”。据我所知，success 和 error 属性绝对不会被弃用。您可以(并且在您的情况下应该)继续使用它们。

您尝试使用 ajaxError 和 ajaxComplete 的问题在于它们是作为 instance 方法实现的，而不是 jQuery 上的静态方法对象本身。因此，您需要选择一些元素并调用该集合的方法。元素本身根本不重要:

$("#someElement").ajaxComplete(function () {
    // Do stuff
});

您还没有遇到的下一个问题是 ajaxError 和相关方法注册全局 AJAX 事件处理程序。每次调用其中一个方法时，您都会向全局集中添加一个新的事件处理程序，并且每次触发 AJAX 事件时，所有您注册的处理程序都将被执行。

---

更新(感谢@DCoder)

从 jQuery 1.8 开始，success 和 error 属性已弃用。相反，您可以使用 jQuery 修改的 XHR 对象的 fail、done 和 always 方法。从 deferred object 继承的任何对象可以使用这些方法(jqXHR 对象就是其中之一):

$.ajax(ajaxSetupObject).done(function () {
    // Handle success
}).error(function () {
    // Handle error
});