AJAX（Asynchronous JavaScript and XML）是一種基于客戶端和服務器之間異步通信的技術，它能夠在不刷新頁面的情況下更新網頁內容。在實際應用中，我們常常使用AJAX來向服務器發送請求并獲取數據。AJAX有多種請求方式，包括GET、POST、PUT、DELETE等，每種方式有著不同的特點和用途。

最常見的AJAX請求方式是GET和POST。GET請求通過URL傳遞參數，可以獲取服務器上的數據，而POST請求將參數包含在請求體中，在向服務器提交數據時更加安全。舉例來說，假設我們需要從服務器獲取一條新聞的內容：

<script>
function getNews() {
var newsId = "123";
var xhr = new XMLHttpRequest();
xhr.open("GET", "/news?newsId=" + newsId, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var news = JSON.parse(xhr.responseText);
// 更新頁面的新聞內容
document.getElementById("newsContent").innerHTML = news.content;
}
};
xhr.send();
}
</script>

<button onclick="getNews()">獲取新聞內容</button>

在上述代碼中，我們使用了GET請求來獲取新聞內容。首先創建了一個XMLHttpRequest對象，然后通過open方法指定了請求的URL和參數，這里的newsId為"123"。在onreadystatechange函數中，我們判斷請求的狀態和響應的狀態碼，如果狀態碼為200，表示請求成功，我們將服務器返回的新聞內容更新到頁面上。

與GET請求相比，POST請求更適用于向服務器提交數據。假設我們有一個用戶評論的表單：

<form id="commentForm">
<input type="text" name="name" placeholder="姓名">
<textarea name="comment" placeholder="評論內容"></textarea>
<button type="button" onclick="submitComment()">提交評論</button>
</form>

<script>
function submitComment() {
var form = document.getElementById("commentForm");
var data = new FormData(form);
data.append("newsId", "123");
var xhr = new XMLHttpRequest();
xhr.open("POST", "/comment", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 提交成功后的操作
form.reset();
alert("評論提交成功");
}
};
xhr.send(data);
}
</script>

在該例子中，我們使用了POST請求將用戶的評論內容提交給服務器。通過FormData對象，我們將表單中的數據包裝成一個可發送的對象，然后通過append方法為其添加了newsId參數。在發送請求時，我們依然使用XMLHttpRequest對象，并通過open方法指定了請求的URL和參數。在onreadystatechange函數中，我們判斷請求的狀態和響應的狀態碼，如果狀態碼為200，表示請求成功，我們重置表單內容并彈出評論提交成功的提示框。

除了GET和POST請求外，還有PUT和DELETE請求可以用于更新和刪除數據。PUT請求通常用于更新服務器上的數據，而DELETE請求用于刪除服務器上的數據。舉例來說，假設我們要更新一篇新聞的標題：

<script>
function updateNews() {
var newsId = "123";
var title = "新的標題";
var xhr = new XMLHttpRequest();
xhr.open("PUT", "/news?newsId=" + newsId, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 更新成功后的操作
alert("新聞標題更新成功");
}
};
xhr.send(JSON.stringify({ title: title }));
}
</script>

<button onclick="updateNews()">更新新聞標題</button>

在上述代碼中，我們使用了PUT請求來更新新聞的標題。與GET和POST請求類似，我們同樣創建了一個XMLHttpRequest對象，并通過open方法指定了請求的URL和參數。在onreadystatechange函數中，我們判斷請求的狀態和響應的狀態碼，如果狀態碼為200，表示請求成功，我們彈出更新成功的提示框。

總之，AJAX的請求方式包括GET、POST、PUT和DELETE等，每種方式適用于不同的場景和用途。通過合理選擇請求方式，我們可以更加高效地與服務器進行通信，并根據返回的數據更新網頁內容。