當我們使用AJAX來發送請求并獲取響應時，通常情況下是希望在不刷新整個頁面的情況下更新特定的部分內容。這種技術可以提高用戶體驗，減少不必要的頁面刷新，并且減輕服務器的負擔。

舉個例子，假設我們有一個簡單的網頁，其中包含一個計數器，記錄用戶點擊某個按鈕的次數。每次用戶點擊按鈕，我們想要通過AJAX請求將點擊次數傳遞給服務器，并將服務器返回的新的點擊次數更新到頁面上。

function updateCounter() {
// 發送AJAX請求
var xhr = new XMLHttpRequest();
xhr.open('POST', '/updateCounter', true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 更新頁面上的計數器
var counter = document.getElementById('counter');
counter.innerText = xhr.responseText;
}
};
xhr.send();
}

在上面的代碼中，我們定義了一個updateCounter函數，用于發送AJAX請求并更新計數器的值。當請求成功返回時，我們通過XMLHttpRequest對象的responseText屬性獲取服務器返回的新的點擊次數，并將其更新到頁面上的計數器。

還有一個更常見的例子是使用AJAX實現表單的異步提交。假設我們有一個用戶注冊頁面，當用戶填寫完表單并點擊提交按鈕時，我們希望將表單數據異步地發送給服務器，并獲取服務器返回的注冊結果而不刷新整個頁面。

function submitForm() {
// 獲取表單數據
var name = document.getElementById('name').value;
var email = document.getElementById('email').value;
// 創建表單對象
var formData = new FormData();
formData.append('name', name);
formData.append('email', email);
// 發送AJAX請求
var xhr = new XMLHttpRequest();
xhr.open('POST', '/register', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 顯示注冊結果
var result = document.getElementById('result');
result.innerText = xhr.responseText;
}
};
xhr.send(formData);
}

在上面的例子中，我們使用了FormData對象來收集表單中的數據，并將其作為send方法的參數發送給服務器。當請求成功返回時，我們通過responseText屬性獲取服務器返回的注冊結果，并將其顯示在頁面上的result元素中。

總結一下，使用AJAX執行請求成功后不刷新頁面的技術可以大大提高用戶體驗，減少不必要的頁面刷新，并且減輕服務器的負擔。無論是更新頁面上的某個特定內容，還是異步提交表單數據并獲取結果，AJAX都是一個非常有用的工具。