Ajax是一種基于Web技術的數據交互方式，它允許我們在不刷新整個頁面的情況下與服務器進行異步通信。在Web開發中，我們經常需要向數據庫提交數據并實時更新頁面內容，而Ajax正是為我們提供了這樣的便利。通過Ajax，我們可以使用JavaScript和服務器端腳本語言（如PHP、Python或Java）進行交互，向數據庫提交數據，并在頁面上實時顯示結果，提升了用戶體驗。

以一個在線購物的網站為例，當用戶點擊“加入購物車”按鈕時，頁面上的商品數量會實時更新，這就是通過Ajax向數據庫提交數據并實時更新頁面內容的實際應用。下面我們來了解一下如何使用Ajax向數據庫提交數據。

首先，我們需要編寫前端頁面，并通過JavaScript來處理用戶的操作。在上述例子中，當用戶點擊“加入購物車”按鈕時，我們可以使用如下的JavaScript代碼來獲取商品的信息，并通過Ajax將這些信息提交給服務器：

var xmlhttp = new XMLHttpRequest();
var url = "submit_cart.php";
var params = "product_id=123&quantity=1";  // 假設商品ID為123，數量為1
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
console.log(xmlhttp.responseText);  // 打印服務器返回的結果
}
}
xmlhttp.send(params);

在上述代碼中，我們使用了XMLHttpRequest對象來創建一個HTTP請求，并通過open()方法指定了請求的類型（POST）、URL（submit_cart.php）和是否異步（true）。然后，我們使用setRequestHeader()方法來設置請求頭部的信息，以告知服務器請求的數據類型。接下來，通過onreadystatechange事件來監聽服務器的響應，并在收到響應后進行相應的處理。最后，通過send()方法將參數發送給服務器。

在服務器端，我們使用腳本語言（如PHP）來處理這個請求，并將數據存入數據庫。在submit_cart.php文件中，我們可以通過如下代碼來獲取客戶端發送的數據，并將其存入數據庫：

$product_id = $_POST["product_id"];    // 獲取商品ID
$quantity = $_POST["quantity"];        // 獲取商品數量
// 將數據存入數據庫的邏輯
// ...

在上述代碼中，我們使用了PHP的$_POST變量來獲取通過POST方法提交的數據。然后，我們將這些數據存入數據庫的邏輯留給開發者自行實現。通過這樣的方式，我們可以將客戶端提交的數據存入數據庫，并能夠在頁面上實時更新用戶所看到的內容。

總而言之，通過Ajax向數據庫提交數據是實現實時更新頁面內容的有效方式之一。通過JavaScript和服務器端腳本語言的配合，我們可以使用Ajax來處理用戶的操作，并將數據存入數據庫，進而實現實時更新頁面的效果。以上僅僅是一個簡單的例子，實際應用中可能涉及更多的交互和邏輯，因此，學習和掌握Ajax技術對于Web開發者來說是非常重要的。