AJAX，全稱Asynchronous JavaScript and XML（異步 JavaScript 和 XML），是一種用于在 Web 頁面中創建異步請求和無需刷新整個頁面的技術。它通過在后臺與服務器進行少量的數據交換，可以實現在不重新加載整個頁面的情況下更新部分頁面內容。AJAX 給Web交互帶來了新的思路和更好的用戶體驗。在AJAX中，有四種常用的技術用于控制通信，分別是：XMLHttpRequest、Fetch API、jQuery AJAX和Axios。

XMLHttpRequest是AJAX的早期實現之一，通過創建一個 XMLHttpRequest 對象，可以向服務器發送請求并接收響應。下面是一個使用XMLHttpRequest發送GET請求的例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/api/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();

Fetch API是ES6引入的新特性，用于替代XMLHttpRequest。Fetch API提供了一種更簡單和更強大的方式來發送網絡請求。與XMLHttpRequest相比，使用Fetch API可以更方便地進行請求的處理和響應的處理。下面是一個使用Fetch API發送GET請求的例子：

fetch('https://www.example.com/api/data')
.then(function(response) {
if (response.ok) {
return response.json();
} else {
throw new Error('Network response was not ok.');
}
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.log('There has been a problem with your fetch operation: ', error.message);
});

jQuery AJAX是一個基于jQuery庫的AJAX實現，它簡化了AJAX請求的處理。使用jQuery AJAX，可以通過簡潔的語法來發送不同類型的請求，并對響應進行處理。下面是一個使用jQuery AJAX發送POST請求的例子：

$.ajax({
url: 'https://www.example.com/api/data',
method: 'POST',
data: {name: 'John', age: 25}
})
.done(function(response) {
console.log(response);
})
.fail(function(jqXHR, textStatus) {
console.log('Request failed: ' + textStatus);
});

Axios是一個基于Promise的HTTP客戶端，可以在瀏覽器和Node.js中實現AJAX請求。與其他技術相比，Axios具有更豐富的功能和更好的性能。下面是一個使用Axios發送PUT請求的例子：

axios.put('https://www.example.com/api/data', {name: 'John', age: 25})
.then(function(response) {
console.log(response.data);
})
.catch(function(error) {
console.log(error);
});

總之，XMLHttpRequest、Fetch API、jQuery AJAX和Axios是四種常用的技術，用于控制通信。無論是使用哪種技術，AJAX都為我們提供了更好的用戶體驗和更高效的Web交互。通過異步請求和無需刷新整個頁面，我們可以在頁面中動態更新內容，提升頁面的交互性和實時性。