在現代web開發中，Ajax（Asynchronous JavaScript and XML）是一項重要的技術。它能夠在不刷新整個頁面的情況下，通過發送異步請求與服務器進行交互，更新部分頁面內容。而在每次請求完成后，可以執行一些特定的動作，也被稱為Ajax Action結束。本文將探討Ajax Action結束的相關知識，并以實例來加深理解。

Ajax Action結束是指在Ajax請求完成后，執行特定的操作，例如更新頁面內容、更改樣式、提交表單等。以一個動態獲取天氣信息的網頁為例，用戶在輸入城市名并點擊查詢按鈕后，通過Ajax技術從服務器獲取天氣數據，并將數據更新到頁面上。在數據請求完成后，我們可以使用Ajax Action結束的方法，在頁面上將獲取到的天氣數據展示給用戶。

<script>
function getWeather() {
var city = document.getElementById("city").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("weather").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "getWeather.php?city=" + city, true);
xmlhttp.send();
}
document.getElementById("searchBtn").addEventListener("click", getWeather);
</script>

上述代碼是一個簡單的獲取天氣數據的例子。當用戶點擊查詢按鈕后，getWeather函數將被調用。該函數首先獲取用戶輸入的城市名，然后創建一個XMLHttpRequest對象進行異步請求。當請求的狀態發生改變時，我們會檢查是否成功接收到服務器返回的數據（狀態碼為200），如果是則將獲取到的天氣數據更新到ID為"weather"的元素中。這個更新操作就是在Ajax Action結束時執行的，但我們也可以在這個操作之后進行其他自定義的操作。

除了更新頁面內容，Ajax Action結束還可以用于其他場景。例如，我們可以在提交表單后，通過Ajax請求將表單數據發送到服務器，并在成功提交后更改表單的樣式或顯示一條成功的提示信息。

<script>
function submitForm() {
var form = document.getElementById("myForm");
var formData = new FormData(form);
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
form.classList.add("submitted");
}
};
xmlhttp.open("POST", "submitForm.php", true);
xmlhttp.send(formData);
}
document.getElementById("submitBtn").addEventListener("click", submitForm);
</script>

上述代碼演示了一個表單提交的例子。當用戶點擊提交按鈕后，submitForm函數將被調用。該函數首先獲取表單元素以及其數據，并創建一個XMLHttpRequest對象進行異步POST請求。當請求的狀態發生改變時，我們會檢查是否成功接收到服務器返回的數據（狀態碼為200），如果是則給表單元素添加一個名為"submitted"的類，從而改變其樣式。這個樣式改變的操作就是在Ajax Action結束時執行的，也可以通過該類名改變表單外觀，或顯示一個提交成功的提示信息。

總結來說，Ajax Action結束是在Ajax請求完成后執行特定操作的機制。它可以用于更新頁面內容、更改樣式、提交表單等情景。通過靈活運用Ajax Action結束，我們可以提供更好的網頁交互體驗和功能。