Ajax是一種前端技術，可以在不刷新頁面的情況下向服務器發送請求并接收響應。在實際開發中，跨post請求是非常常見的需求，使用Ajax可以很方便地實現這個功能。本文將介紹原生Ajax如何跨post請求，并結合舉例進行詳細說明。

跨post請求的一個應用場景是用戶登錄。假設有一個登錄頁面，用戶輸入用戶名和密碼后點擊登錄按鈕，頁面需要向服務器發送一個post請求驗證用戶信息。使用Ajax可以實現在不刷新頁面的情況下發送該請求，并根據服務器返回的結果顯示不同的提示信息。

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/login", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
document.getElementById("message").innerHTML = "登錄成功！";
} else {
document.getElementById("message").innerHTML = "用戶名或密碼錯誤！";
}
}
};
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
xhr.send("username=" + encodeURIComponent(username) + "&password=" + encodeURIComponent(password));

以上代碼中，首先創建了一個XMLHttpRequest對象，然后使用open方法指定請求的類型、URL和是否異步。接下來，使用setRequestHeader方法設置請求頭，告訴服務器請求的數據類型為表單數據。然后，定義onreadystatechange事件的回調函數，當請求狀態為4并且狀態碼為200時，表示請求成功，可以處理服務器返回的響應。通過解析JSON格式的響應文本，可以根據服務器返回的結果來進行相應的處理。最后，從頁面上獲取用戶名和密碼，并調用send方法發送post請求，并將用戶名和密碼作為參數傳遞給服務器。

除了登錄功能，跨post請求還可以用于提交表單。假設有一個用戶注冊頁面，用戶填寫完表單后點擊提交按鈕，頁面將向服務器發送一個post請求。使用Ajax可以實現在不刷新頁面的情況下提交表單，并根據服務器返回的結果顯示不同的提示信息。

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/register", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
document.getElementById("message").innerHTML = "注冊成功！";
} else {
document.getElementById("message").innerHTML = "用戶名已存在！";
}
}
};
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var email = document.getElementById("email").value;
xhr.send("username=" + encodeURIComponent(username) + "&password=" + encodeURIComponent(password) + "&email=" + encodeURIComponent(email));

以上代碼與登錄功能中的代碼類似，只是使用了不同的URL和表單字段。同樣，通過解析服務器返回的響應文本，可以根據結果來顯示相應的提示信息。

總之，原生Ajax提供了一種方便快捷的方式來實現跨post請求。通過創建XMLHttpRequest對象，設置請求類型、URL和請求頭，以及定義請求狀態變化的回調函數，可以發送post請求，并根據服務器返回的結果來進行相應的處理。通過以上幾個應用場景的舉例，可以看出使用原生Ajax來跨post請求是非常簡潔高效的一種方式。