Ajax是一種在網頁上更新數據的技術，它使我們能夠通過JavaScript向服務器發送請求，并且在不刷新整個頁面的情況下將數據返回到頁面上。其中，GET方法是一種使用最廣泛的方式，它通過URL將數據發送給服務器。本文將通過幾個具體的示例來介紹如何使用Ajax的GET方法來提交數據。
首先，假設我們有一個簡單的表單，其中包含一個輸入框和一個提交按鈕。用戶在輸入框中輸入一段文本后，點擊提交按鈕，我們希望將用戶輸入的數據發送給服務器進行處理。這時，我們可以使用Ajax的GET方法來實現這個功能。下面是一個示例代碼：

<pre>javascript
function submitData() {
var inputText = document.getElementById('inputText').value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log(this.responseText);
}
};
xhttp.open("GET", "processData.php?inputText=" + inputText, true);
xhttp.send();
}

在上面的代碼中，我們首先獲取用戶輸入的文本并將其存儲在inputText變量中。然后，我們創建一個XMLHttpRequest對象并設置其onreadystatechange屬性。在該屬性的回調函數中，我們檢查請求的狀態和響應的狀態碼。當狀態碼為200時，表示請求成功，我們可以通過this.responseText獲取服務器返回的數據。
接下來，我們使用open()方法設置請求的方式、URL及參數。在這個例子中，我們將用戶輸入的文本通過參數的方式傳遞給服務器，URL中的"processData.php"是服務器端的處理腳本。最后，我們使用send()方法發送請求。
在實際應用中，我們可以根據具體的需求對上述代碼進行修改和擴展。例如，我們可以在提交數據的同時顯示一個加載動畫，以提高用戶體驗。代碼示例如下：

<pre>javascript
function submitData() {
var inputText = document.getElementById('inputText').value;
var loadingIndicator = document.getElementById('loadingIndicator');
loadingIndicator.style.display = "block";
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log(this.responseText);
loadingIndicator.style.display = "none";
}
};
xhttp.open("GET", "processData.php?inputText=" + inputText, true);
xhttp.send();
}

在上述代碼中，我們首先獲取一個用于顯示加載動畫的元素loadingIndicator，并將其display屬性設置為"block"。接著，我們創建一個XMLHttpRequest對象并設置其onreadystatechange屬性。在該屬性的回調函數中，當請求成功后，我們隱藏加載動畫。最后，我們使用send()方法發送請求。
通過示例代碼的解釋，我們可以看到使用Ajax的GET方法非常簡單且靈活，只需幾行代碼就可以實現向服務器提交數據并將結果返回到頁面上。這種方式能夠提高用戶體驗，減少頁面刷新的次數，同時也便于后端的數據處理。Ajax的GET方法在實際開發中具有廣泛的應用場景，如搜索框自動補全、即時聊天等等。因此，熟練掌握Ajax的GET方法是非常有必要的。希望通過這篇文章的介紹和示例代碼，能夠幫助讀者在實際開發中更好地使用Ajax的GET方法提交數據。