AJAX（Asynchronous JavaScript and XML）是一種用于創建快速、靈活且具有交互性的Web應用程序的技術。在Web開發中，獲取和處理JSON文件是一項常見任務。本文將介紹如何使用AJAX的GET方法來獲取和處理JSON文件，并給出一些具體的例子。

JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，廣泛用于Web應用中進行數據傳輸。它由鍵值對構成，可以輕松地在多種編程語言之間進行解析和生成。假設我們有一個名為"example.json"的JSON文件，其中包含以下數據：

{
"name": "John",
"age": 25,
"occupation": "Web Developer"
}

現在，我們可以使用AJAX的GET方法來獲取這個JSON文件中的數據，并在網頁中顯示出來。以下是一段使用jQuery實現的代碼：

$.ajax({
url: "example.json",
method: "GET",
dataType: "json",
success: function(data) {
// 在此處處理返回的JSON數據
var name = data.name;
var age = data.age;
var occupation = data.occupation;
// 在網頁中顯示數據
$("body").append("
Name: " + name + "
");
$("body").append("
Age: " + age + "
");
$("body").append("
Occupation: " + occupation + "
");
}
});

上述代碼中，我們使用$.ajax()函數發送GET請求到"example.json"文件，并指定dataType為"json"以告知服務器返回的是JSON數據。在成功回調函數中，我們可以訪問返回的JSON數據并將其顯示在網頁中。

另外，我們也可以通過原生的JavaScript來實現相同的功能。以下是使用XMLHttpRequest對象來獲取和處理JSON文件的代碼：

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 在此處處理返回的JSON數據
var name = data.name;
var age = data.age;
var occupation = data.occupation;
// 在網頁中顯示數據
document.body.innerHTML += "
Name: " + name + "
";
document.body.innerHTML += "
Age: " + age + "
";
document.body.innerHTML += "
Occupation: " + occupation + "
";
}
};
xhr.send();

上述代碼中，我們創建了一個XMLHttpRequest對象，并使用open()方法指定請求的URL和方法，true表示發起異步請求。在onreadystatechange事件處理程序中，我們通過檢查readyState和status來確保請求成功完成，并使用JSON.parse()方法將返回的JSON數據解析為JavaScript對象。然后，我們可以訪問這個對象的屬性并將其顯示在網頁中。

綜上所述，使用AJAX的GET方法來獲取和處理JSON文件是一項強大而常用的技術。無論是使用jQuery還是原生JavaScript，我們都能輕松地獲取JSON數據并在網頁中進行處理和展示。