AJAX (Asynchronous JavaScript and XML) 是一種用于在后臺與服務器進行數據交互的技術。它的主要優勢是能夠在頁面不需要重新加載的情況下更新數據，從而提供更加流暢的用戶體驗。同時，通過使用AJAX，我們可以實現同時上傳JSON數據和文件，以滿足不同的需求。

當我們需要向服務器發送數據并獲取響應時，可以使用AJAX進行異步通信。最常見的用例之一是通過AJAX將表單數據發送到服務器進行處理。例如，我們想要通過AJAX將新用戶的注冊信息發送給服務器進行處理，并在成功后顯示成功消息給用戶。下面是一個簡單的例子：

$.ajax({
url: "https://example.com/register",
method: "POST",
data: {
name: "John",
email: "john@example.com",
password: "123456"
},
success: function(response) {
$("#message").html("注冊成功！");
},
error: function(error) {
$("#message").html("注冊失敗，請重試。");
}
});

在上面的例子中，我們通過AJAX將用戶的注冊信息發送到服務器的`/register`端點。服務器在成功處理請求后會返回一個成功響應，我們可以在`success`回調函數中根據返回的響應更新頁面上的消息。如果請求失敗，則會在`error`回調函數中進行處理。

除了發送表單數據之外，我們還可以通過AJAX實現同時上傳JSON數據和文件。例如，假設我們正在開發一個社交媒體應用程序，并允許用戶在發布帖子時上傳圖片。以下是一個實現這個功能的示例：

var formData = new FormData();
formData.append("post", JSON.stringify({
title: "My post",
content: "This is my post content."
}));
formData.append("image", $("#image-input").files[0]);
$.ajax({
url: "https://example.com/posts",
method: "POST",
data: formData,
processData: false,
contentType: false,
success: function(response) {
$("#message").html("帖子發布成功！");
},
error: function(error) {
$("#message").html("發布帖子失敗，請重試。");
}
});

在上面的例子中，我們通過`FormData`對象創建一個包含JSON數據和文件的表單數據。我們通過`append`方法添加帖子信息（作為JSON字符串）和用戶選擇的圖片。然后，我們將這個表單數據作為AJAX請求的數據發送到服務器。通過將`processData`和`contentType`選項設置為`false`，我們告訴AJAX不要對數據進行處理，并將`Content-Type`標頭設置為`false`，以便瀏覽器自己生成正確的`Content-Type`頭部。

總結來說，通過使用AJAX，我們可以實現同時上傳JSON數據和文件。這為我們提供了更大的靈活性，使我們能夠創建更加交互式和功能豐富的Web應用程序。