$.ajax().done()是jQuery中一個非常重要的函數，它可以讓我們在發送Ajax請求成功后執行一些特定的操作。通過這個方法，我們可以方便地處理異步請求的返回結果并更新頁面內容。本文將詳細介紹$.ajax().done()的使用方法和示例，并討論它的優勢。

首先，讓我們看一個簡單的例子：

$.ajax({
url: "example.com/data",
method: "GET"
}).done(function(data) {
$("body").append('
' + data + '
');
});

在上面的例子中，我們使用了一個GET請求，URL為"example.com/data"。當請求發送成功后，$.ajax().done()方法會被調用，并將返回的數據作為參數傳遞給回調函數。在這個回調函數中，我們將返回的數據追加到body標簽中，并用一個段落標簽來顯示。

$.ajax().done()的優勢之一是它可以與其他jQuery函數（如append()、html()等）無縫地配合使用，從而實現更加靈活和強大的頁面操作。例如，我們可以在每次請求成功后更新頁面上的一個列表：

$.ajax({
url: "example.com/list",
method: "GET"
}).done(function(data) {
var list = $("#list");
$.each(data, function(index, item) {
list.append('
' + item + '
');
});
});

在這個例子中，我們請求了一個URL為"example.com/list"的接口，并得到一個包含多個列表項的數組。在每次請求成功后，我們通過$.each()函數遍歷數組，并將每個數組項追加到名為"list"的列表中。

$.ajax().done()還可以處理返回的數據，并根據結果進行不同的操作。例如，我們可以根據返回的狀態碼決定是否顯示一個成功的提示框：

$.ajax({
url: "example.com/submit",
method: "POST",
data: formData
}).done(function(data, status, xhr) {
if (xhr.status === 200) {
alert("提交成功！");
} else {
alert("提交失敗！");
}
});

在這個例子中，我們發送了一個POST請求到"example.com/submit"，并將表單數據作為參數傳遞。在請求成功后，我們通過xhr對象的status屬性獲取返回的狀態碼，并根據不同的狀態碼顯示相應的提示框。

總結來說，$.ajax().done()是一個非常實用的函數，它使得處理Ajax請求的結果變得非常簡便。我們可以通過它輕松地更新頁面內容、處理返回的數據、根據不同的結果進行不同的操作。無論是追加元素、更新列表還是顯示提示框，$.ajax().done()都能滿足我們的需求，并幫助我們更高效地開發Web應用。