AJAX（Asynchronous JavaScript and XML）是一種用于在后臺與服務器進行數據交換的技術。它能夠在頁面上更新部分數據而不必重新加載整個頁面，使得網頁可以更快地響應用戶的操作。AJAX可以與各種類型的數據進行交互，其中包括文件和JSON數據。

AJAX可以通過發送HTTP請求來獲取服務器上的文件。例如，當用戶上傳文件時，可以使用AJAX將文件發送到服務器。在服務器端，可以檢查文件的大小和格式，然后將其保存到適當的位置。一旦文件被保存，后臺服務器可以向前臺發送一個響應，告知文件是否成功保存。

$('#uploadButton').on('click', function() {
var file = $('#fileInput').prop('files')[0];
var formData = new FormData();
formData.append('file', file);
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
if (response === 'success') {
alert('File uploaded successfully!');
} else {
alert('File upload failed!');
}
}
});
});

在上面的代碼中，當用戶點擊上傳按鈕時，通過選擇文件輸入框選擇要上傳的文件。然后，創建一個FormData對象并將文件添加到其中。接下來，通過AJAX發送POST請求到服務器的upload.php文件。設置processData和contentType為false是為了確保文件被正確地發送到服務器。成功的響應中的回調函數將根據后臺服務器的響應，顯示成功或失敗的消息。

AJAX還可以用于請求JSON數據。例如，可以使用AJAX從服務器獲取最新的新聞文章，并在頁面上顯示出來。

$.ajax({
url: 'news.php',
type: 'GET',
dataType: 'json',
success: function(response) {
var news = response;
for (var i = 0; i< news.length; i++) {
var article = news[i].title + ': ' + news[i].content;
$('#newsList').append('
' + article + '
');
}
}
});

在上面的代碼中，AJAX使用GET請求從服務器的news.php文件獲取新聞數據。通過設置dataType為'json'，AJAX將自動將響應解析為JSON對象。成功的回調函數將遍歷JSON對象中的每個新聞文章，并將其以列表項的形式添加到頁面上。這樣，用戶可以立即看到最新的新聞。

總之，AJAX通過使用文件和JSON數據，使得網頁更加動態和交互。通過AJAX上傳文件和獲取JSON數據，可以大大提高網站的用戶體驗，并且減少不必要的頁面刷新。