jQuery success方法和.done()方法的区别

在本文中，我们将介绍jQuery中的success方法和.done()方法，它们用于处理异步请求的成功情况。虽然它们都用于相同的目的，但它们在使用和功能上有一些差别。

阅读更多：jQuery 教程

success方法

在jQuery中，我们使用$.ajax()函数进行异步请求。这个函数允许我们指定一个success方法，用于处理请求成功时的回调函数。success方法接受一个参数，即请求成功后返回的数据。

下面是一个使用success方法的简单示例：

$.ajax({
   url: "example.php",
   success: function(data){
      console.log("请求成功：" + data);
   }
});

在这个示例中，我们发送了一个GET请求到example.php，并指定了一个success方法来处理请求成功后的数据。当请求成功并返回数据时，控制台将打印出”请求成功：”加上返回的数据。

需要注意的是，success方法仅仅是ajax()函数的一个参数，而不是一个独立的方法。它可以被替换为任何其他有效的回调函数。

.done()方法

与success方法不同，.done()方法是promise对象的一部分。在jQuery中，$.ajax()函数返回一个promise对象，我们可以使用.done()方法来处理异步请求成功的回调函数。

下面是一个使用.done()方法的示例：

$.ajax({
   url: "example.php"
}).done(function(data){
   console.log("请求成功：" + data);
});

在这个示例中，我们发送了一个GET请求到example.php，并使用.done()方法来处理请求成功后的数据。当请求成功并返回数据时，控制台将打印出”请求成功：”加上返回的数据。

与success方法相比，.done()方法更具有灵活性。它可以与其他Promise方法（如.fail()和.always()）一起使用，用于处理不同的情况。

区别总结

尽管success和.done()方法在处理异步请求成功的回调函数时达到了相同的目的，但它们在使用和功能上有一些区别。

首先，success方法是ajax()函数的参数，而.done()方法是promise对象的一部分。这意味着我们可以在使用.done()方法时结合其他Promise方法来处理错误和总是执行的情况。而success方法则没有这样的灵活性。

其次，.done()方法能够更清晰地表达代码的意图。它使我们能够将异步请求成功的处理逻辑放置在代码的流程中，使代码更易读和维护。

最后，.done()方法还可以处理一次请求中的多个回调函数。这对于需要在请求成功后执行多个任务的情况非常有用。

总结

本文介绍了jQuery中的success方法和.done()方法，用于处理异步请求成功的回调函数。尽管它们都用于相同的目的，但.success()方法是ajax()函数的参数，而.done()方法是promise对象的一部分。.done()方法更加灵活和直观，并且可以处理多个回调函数。根据实际需求，我们可以选择适合我们代码的方法来处理异步请求的成功情况。