AJAX（Asynchronous JavaScript and XML）是一種用于創建快速交互式網頁應用程序的技術。它能夠在不刷新整個頁面的情況下從服務器獲取數據，并且能夠將這些數據展示給用戶。

一種常見的使用場景是通過AJAX上傳文件并獲取返回的JSON數據。假設我們正在開發一個圖片上傳網站，我們希望用戶能夠選擇并上傳自己的圖片，然后服務器將返回一個JSON對象，包含了圖片的URL、尺寸等信息。我們可以使用AJAX技術來實現這個功能。

首先，我們需要在HTML頁面中創建一個文件選擇輸入框和一個用于展示上傳結果的區域：

<input type="file" id="fileInput" />
<div id="result" style="display:none;"></div>

然后，在JavaScript中編寫處理AJAX請求的代碼：

var fileInput = document.getElementById('fileInput');
var resultDiv = document.getElementById('result');
fileInput.addEventListener('change', function() {
var file = fileInput.files[0];
var formData = new FormData();
formData.append('file', file);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
resultDiv.innerHTML = xhr.responseText;
// 解析JSON數據并顯示
var jsonData = JSON.parse(xhr.responseText);
resultDiv.innerHTML = '圖片URL: ' + jsonData.url + '<br>';
resultDiv.innerHTML += '圖片尺寸: ' + jsonData.size;
}
};
xhr.send(formData);
});

在上述代碼中，我們首先獲取了文件輸入框和結果展示區域的DOM元素。

然后，我們給文件輸入框添加了一個change事件監聽器。當用戶選擇了文件后，事件處理函數會被觸發。

在事件處理函數中，我們首先獲取了用戶選擇的文件，然后創建了一個FormData對象，并將文件添加到FormData中。

接下來，我們創建了XMLHttpRequest對象，并指定了請求的方法、URL和是否使用異步模式。我們還設置了XMLHttpRequest對象的onreadystatechange事件處理函數，用于在請求狀態改變時獲取服務器返回的數據。

最后，我們發送了AJAX請求，并將FormData作為請求的體內容。

當服務器返回數據時，我們首先將服務器返回的文本展示到結果展示區域。然后，我們使用JSON.parse函數解析了返回的JSON數據，并將其中的圖片URL和尺寸展示到結果展示區域。

以上就是通過AJAX上傳文件并獲取返回JSON數據的實現過程。這個示例只是一個簡單的演示，實際應用中可能會有更多的處理邏輯和錯誤處理。但是通過AJAX，我們可以方便地進行文件上傳并獲取返回的JSON數據，實現更加交互式和動態的網頁應用程序。