AJAX（Asynchronous JavaScript And XML）是一種在Web應(yīng)用程序中使用的技術(shù)，它允許在不刷新整個頁面的情況下向服務(wù)器發(fā)送和接收數(shù)據(jù)。DOM（Document Object Model）是一種表示HTML文檔結(jié)構(gòu)的方式，它允許通過JavaScript來操作和改變HTML元素。盡管兩者都是用于處理Web頁面的技術(shù)，但它們有著不同的作用和用途。

首先，AJAX主要用于向服務(wù)器發(fā)送請求并接收響應(yīng)，而DOM用于操作和改變HTML元素。舉一個例子來說明，假設(shè)我們有一個Web應(yīng)用程序用于顯示實時股票行情。使用AJAX，我們可以通過定時向服務(wù)器發(fā)送請求來獲取最新的股票價格數(shù)據(jù)，然后將數(shù)據(jù)用DOM操作更新到Web頁面上的相應(yīng)元素中。這樣，用戶無需刷新整個頁面，就能實時獲取最新的股票價格。

// AJAX 請求示例
function getStockPrice() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.stock.com/price', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var price = xhr.responseText;
updateStockPrice(price); // 調(diào)用 DOM 操作方法更新價格
}
};
xhr.send();
}
// DOM 操作示例
function updateStockPrice(price) {
var priceElement = document.getElementById('stock-price');
priceElement.innerHTML = price;
}

其次，AJAX是一種異步技術(shù)，可以在后臺發(fā)送和接收數(shù)據(jù)，而DOM是一種同步技術(shù)，需要等待JavaScript執(zhí)行完后再進(jìn)行操作。再舉一個例子，假設(shè)我們有一個Web表單，當(dāng)用戶填寫完表單后，我們需要通過AJAX將數(shù)據(jù)發(fā)送到服務(wù)器進(jìn)行處理，并根據(jù)服務(wù)器的響應(yīng)更新頁面上的某個元素。使用AJAX，我們可以在后臺發(fā)送表單數(shù)據(jù)，不會中斷用戶的操作。而在DOM操作中，我們需要等待JavaScript執(zhí)行完后再對頁面元素進(jìn)行修改，這會導(dǎo)致用戶在等待期間無法進(jìn)行其他操作。

// AJAX 表單提交示例
var form = document.getElementById('my-form');
form.addEventListener('submit', function(event) {
event.preventDefault(); // 阻止頁面刷新
var data = new FormData(form);
var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://api.example.com/submit', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
updateStatus(response); // 調(diào)用 DOM 操作方法更新狀態(tài)
}
};
xhr.send(data);
});
// DOM 操作示例
function updateStatus(response) {
var statusElement = document.getElementById('status');
statusElement.textContent = response;
}

綜上所述，AJAX和DOM是兩種在Web開發(fā)中常用的技術(shù)，雖然它們有著不同的作用和用途，但在實際開發(fā)中經(jīng)常需要結(jié)合使用。AJAX用于發(fā)送和接收數(shù)據(jù)，而DOM用于操作和改變HTML元素。通過合理運用這兩種技術(shù)，我們可以創(chuàng)建出動態(tài)、實時和用戶友好的Web應(yīng)用程序。