在現代Web應用程序中，使用Ajax技術可以實現動態修改數據而無需刷新整個頁面。通過Ajax，我們可以向服務器發送異步請求，并在不中斷用戶瀏覽的情況下獲取、修改和保存數據。下面我們將通過舉例來展示如何使用Ajax修改數據。

首先，讓我們考慮一個購物車的例子。假設我們有一個電子商務網站，當用戶點擊某個商品的“添加到購物車”按鈕時，我們希望能夠通過Ajax將商品添加到購物車中，而無需刷新整個頁面。

<script>
function addToCart(productId) {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求的URL
var url = '/api/addToCart?productId=' + productId;
// 發送異步請求
xhr.open('GET', url, true);
xhr.send();
// 監聽請求的狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 更新購物車數量
var cartCountElem = document.getElementById('cartCount');
cartCountElem.innerText = response.cartCount;
}
};
}
</script>

在上面的示例中，我們使用了XMLHttpRequest對象來發送異步請求。當用戶點擊“添加到購物車”按鈕時，addToCart函數會被調用，并傳入商品的ID。函數中，我們先創建一個XMLHttpRequest對象，并設置請求的URL。然后，通過調用open方法來指定請求的方法、URL和是否異步。最后，我們調用send方法來發送請求。

同時，我們也需要監聽XMLHttpRequest對象的onreadystatechange事件，并在該事件的處理函數中處理服務器的響應。當請求完成（readyState為4）并且響應狀態碼為200時，表示請求成功。我們將服務器返回的響應解析為JSON對象，并根據其中的購物車數量信息更新網頁上的購物車數量顯示。在上面的示例中，我們通過修改cartCountElem元素的innerText來實現購物車數量的更新。

除了往購物車中添加商品，我們也可以使用類似的方式來修改其他類型的數據。例如，考慮一個社交網絡網站，在用戶的個人資料頁面上，用戶可以通過Ajax修改自己的昵稱。

<script>
function updateNickname() {
// 獲取用戶輸入的新昵稱
var newNickname = document.getElementById('newNickname').value;
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求的URL
var url = '/api/updateNickname';
// 發送異步請求
xhr.open('POST', url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({ nickname: newNickname }));
// 監聽請求的狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 更新頁面上的昵稱顯示
var nicknameElem = document.getElementById('nickname');
nicknameElem.innerText = response.newNickname;
}
};
}
</script>

在上述示例中，我們首先獲取用戶輸入的新昵稱。然后，創建一個XMLHttpRequest對象，并設置請求的URL。由于是修改數據，我們選擇使用POST方法。在發送請求前，我們需要設置請求頭的Content-Type為application/json，以告知服務器請求的數據類型。然后，通過調用send方法來發送請求，并將新昵稱作為JSON字符串放在請求的主體中。

類似于添加商品到購物車的示例，我們也需要監聽XMLHttpRequest對象的onreadystatechange事件，并在該事件的處理函數中處理服務器的響應。在發送請求后，如果服務器返回了200狀態碼，表示請求成功。我們解析服務器返回的響應，獲取新的昵稱信息，并更新網頁上的昵稱顯示。

通過上面的兩個示例，我們可以看到如何使用Ajax技術來實現動態修改數據。無論是添加商品到購物車還是修改用戶昵稱，Ajax都提供了一種無需刷新整個頁面的方式來更新數據。這種方式可以提升用戶體驗，并降低服務器和網絡的負載。