本文將介紹使用Ajax傳值的POST方法。Ajax是一種在不刷新整個頁面的情況下與服務器進行通信的技術，而POST方法是一種常用的HTTP請求方法，用于向服務器提交數據。通過使用Ajax和POST方法，我們可以在不刷新頁面的情況下向服務器發送數據，并獲取服務器的響應。

例如，我們可以通過Ajax的POST方法發送一個登錄表單的數據給服務器。假設我們有一個登錄表單，包含用戶名和密碼的輸入框，當用戶填寫完畢后，點擊登錄按鈕。我們可以使用以下的代碼來實現：

var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 服務器返回的響應處理代碼
alert(this.responseText);
}
};
xmlhttp.open("POST", "login.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("username=" + username + "&password=" + password);

上述代碼首先獲取了用戶名和密碼的輸入值，并創建了一個XMLHttpRequest對象。然后使用open()方法指定了請求方法為POST，第一個參數是服務器端腳本的URL，第二個參數表示該請求是否異步。接下來，使用setRequestHeader()方法設置請求頭，指定了表單數據的編碼類型為"application/x-www-form-urlencoded"。最后調用send()方法發送了Post請求，將用戶名和密碼作為表單數據發送給服務器。在服務器端，我們可以使用$_POST變量來接收這些數據。

另外一個例子是使用Ajax的POST方法向服務器發送一個帶有附件的表單數據。例如，我們有一個包含文件上傳功能的表單，用戶可以選擇上傳一個圖片文件。我們可以使用以下代碼來實現：

var fileInput = document.getElementById("fileInput");
var file = fileInput.files[0];
var formData = new FormData();
formData.append("file", file);
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 服務器返回的響應處理代碼
alert(this.responseText);
}
};
xmlhttp.open("POST", "upload.php", true);
xmlhttp.send(formData);

上述代碼首先獲取了文件輸入框的值，并創建了一個FormData對象，用于構造表單數據。然后創建了一個XMLHttpRequest對象，并使用open()方法指定了請求方法為POST，第一個參數是服務器端腳本的URL，第二個參數表示該請求是否異步。最后，調用send()方法發送了POST請求，將FormData對象作為參數發送給服務器。在服務器端，我們可以使用$_POST變量來接收這些數據。

總結：使用Ajax的POST方法可以方便地向服務器發送數據，并且不需要整個頁面的刷新。通過以上的例子，我們了解了如何使用Ajax的POST方法發送普通的表單數據和帶有附件的表單數據。希望本文對你學習Ajax的POST方法有所幫助。