在現代的網頁開發中，經常會遇到需要向服務器發送數據并獲取返回結果的需求。傳統的做法是通過表單提交來實現，但這種方式會導致整個頁面刷新，用戶體驗較差。而使用Ajax技術則可以實現在不刷新頁面的情況下與服務器進行數據交互，給用戶帶來更流暢的操作體驗。 Ajax，即Asynchronous Javascript and XML（異步的JavaScript和XML），是一種基于現有Web標準的技術組合，用于在后臺與服務器進行數據交換，實現頁面的異步刷新。與傳統的頁面刷新方式相比，Ajax能夠在不刷新整個頁面的情況下更新部分頁面內容，提升用戶的交互體驗。 舉個例子，假設有一個用戶評論的功能，用戶在評論輸入框中輸入內容后，希望能夠立即看到自己的評論出現在頁面上，而不需要刷新整個網頁。為了實現這個功能，可以使用Ajax來發送評論內容到服務器，并在服務器接受到數據后，將評論內容返回給頁面，再通過JavaScript將返回的評論內容插入到頁面中，從而實現局部刷新。 下面是一個簡單的使用Ajax發送數據的示例代碼：

// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置回調函數，當請求狀態發生變化時觸發
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理服務器返回的數據
var response = xhr.responseText;
// 將返回的評論內容插入到頁面中
document.getElementById("commentList").innerHTML = response;
}
};
// 打開一個POST請求，指定要發送的數據和目標URL
xhr.open("POST", "comment.php", true);
// 設置請求頭信息，告訴服務器接收的數據類型
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// 將要發送的數據編碼，并發送請求
var comment = document.getElementById("commentInput").value;
xhr.send("comment=" + encodeURIComponent(comment));
在上面的代碼中，首先創建了一個XMLHttpRequest對象，它是Ajax的核心對象，用于與服務器進行數據交互。然后設置了一個回調函數，當請求狀態發生變化時觸發，這里使用了XMLHttpRequest的readystate屬性來判斷請求狀態是否完成，并使用status屬性來判斷請求是否成功。在回調函數中，如果請求成功，就將服務器返回的評論內容插入到頁面中。
接著使用open方法打開一個POST請求，并指定要發送的數據和目標URL。在這里，將評論內容作為參數發送給服務器。需要注意的是，為了保證數據的安全性，使用了encodeURIComponent方法對評論內容進行了編碼，防止特殊字符引起的問題。然后通過setRequestHeader方法設置了請求頭信息，告訴服務器接收的數據類型為表單形式。
最后，調用send方法將請求發送到服務器。當服務器接收到請求后，處理評論的邏輯，并將處理結果返回給頁面。
通過以上示例可以看出，Ajax的原理是通過JavaScript創建XMLHttpRequest對象，與服務器進行數據交互，并在回調函數中處理服務器返回的數據。由于Ajax是異步的，不需要刷新整個頁面，因此可以提升用戶的交互體驗。
總結來說，Ajax發送數據頁面不刷新的原理是通過JavaScript創建XMLHttpRequest對象，在后臺與服務器進行數據交互，并通過回調函數處理服務器返回的數據。這種方式可以實現頁面的異步刷新，提升用戶的交互體驗。無論是實現評論功能還是其他需要與服務器進行交互的操作，Ajax都是一種非常好的選擇。