在前端開發中，我們經常會使用Ajax技術來實現頁面的異步提交。當我們使用Ajax提交數據到后臺時，如何在后臺打印出這些提交的值呢？本文將探討一種常見的實現方式，并通過具體的示例來說明其中的原理。
一般來說，我們可以通過后臺編程語言的輸出語句將提交的值打印出來。以PHP為例，我們可以使用echo語句來輸出變量的值。假設我們有一個前端頁面，其中包含一個文本框和一個提交按鈕。用戶在文本框中輸入一些內容，點擊提交按鈕后，頁面會使用Ajax技術將輸入的內容提交到后臺，后臺接收到這個值后，將其打印出來。具體的代碼如下：

html
<!-- 前端頁面 -->
<input type="text" id="inputText">
<button onclick="submitText()">提交</button>
<script>
function submitText() {
var inputValue = document.getElementById("inputText").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.open("POST", "backend.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("text=" + inputValue);
}
</script>

php
// backend.php
echo $_POST["text"];

在上面的代碼中，當用戶點擊提交按鈕時，JavaScript函數submitText()會被調用。該函數首先獲取文本框中的內容，然后創建一個XMLHttpRequest對象，用于向后臺發送請求。接著，我們通過設置xhr.onreadystatechange來監聽請求狀態的變化。當請求完成時（readyState為4），并且響應狀態為200（即成功接收到響應），我們將響應的文本打印到控制臺中。
在后臺代碼backend.php中，我們通過PHP的$_POST數組來獲取提交的值，并使用echo語句將其輸出。這樣，當前端頁面向后臺提交數據時，后臺會將其打印出來。
除了直接在后臺輸出，我們還可以將提交的值存儲到數據庫中，然后從數據庫中查詢并打印出來。這種方式可以更好地保存歷史記錄，并且可以隨時再次查詢。下面是一個使用MySQL數據庫的示例代碼：

php
// backend.php
$text = $_POST["text"];
// 連接數據庫
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";
$conn = new mysqli($servername, $username, $password, $dbname);
// 插入數據
$sql = "INSERT INTO texts (text) VALUES ('$text')";
$conn->query($sql);
// 查詢數據
$sql = "SELECT * FROM texts";
$result = $conn->query($sql);
while ($row = $result->fetch_assoc()) {
echo $row["text"] . "<br>";
}
$conn->close();

在上面的代碼中，我們首先獲取提交的值，并使用INSERT語句將其插入到名為texts的表中的text列中。然后，我們使用SELECT語句從表中查詢所有的數據，并使用while循環逐行打印出來。
通過以上示例，我們可以看到，無論是直接將值輸出到控制臺還是存儲到數據庫中再查詢，我們都可以在后臺打印出通過Ajax提交的值。這種方式不僅方便調試和查看數據，還可以幫助我們分析用戶的行為和需求，為后續的開發工作提供參考。