在網頁開發中，我們經常需要獲取表單提交的時間。例如，在一個在線問卷調查網站上，我們希望能夠記錄每個用戶提交問卷的具體時間，以便進一步分析數據。為了實現這個功能，我們可以使用Ajax來獲取表單提交的時間，并將其存儲在數據庫中。

假設我們已經創建了一個表單，其中包含一些調查問題以及一個提交按鈕。當用戶點擊提交按鈕時，表單將通過Ajax進行提交，而不是刷新整個頁面。在這個過程中，我們可以使用JavaScript來獲取當前的時間，并通過Ajax請求將其發送到服務器端。

<form id="surveyForm" action="submit.php" method="post">
<label for="question1">問題1：這是一個示例問題</label>
<input type="text" id="question1" name="question1">
<label for="question2">問題2：這是另一個示例問題</label>
<input type="text" id="question2" name="question2">
<button type="button" id="submitBtn">提交</button>
</form>

上面的代碼中，我們創建了一個具有id為"surveyForm"的表單。當用戶點擊id為"submitBtn"的按鈕時，將觸發一個JavaScript函數。

document.getElementById("submitBtn").addEventListener("click", function() {
var form = document.getElementById("surveyForm");
var currentDate = new Date().toISOString();
var requestData = "submitDate=" + currentDate;
var xhr = new XMLHttpRequest();
xhr.open("POST", form.action, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理服務器返回的響應
}
};
xhr.send(requestData);
});

在上面的代碼中，我們首先獲取了id為"surveyForm"的表單元素。然后，我們使用JavaScript的Date對象來獲取當前時間，通過toISOString()方法將其轉換為ISO 8601格式的字符串。接下來，我們創建了一個包含"submitDate"和當前時間的請求數據字符串。

接下來，我們創建了一個XMLHttpRequest對象，并使用open()方法設置請求的方法（POST）、URL以及是否異步（true）。然后，我們使用setRequestHeader()方法設置請求頭，指定請求的內容類型為"application/x-www-form-urlencoded"。這是因為我們將請求數據作為表單參數進行提交。

然后，我們為XMLHttpRequest對象的onreadystatechange事件添加一個匿名函數。這個函數將在每次狀態改變時被調用，并檢查請求的狀態和HTTP響應的狀態碼。如果請求成功，我們可以在函數中處理服務器返回的響應。

最后，我們使用send()方法發送請求數據到服務器端。當用戶點擊提交按鈕時，就會觸發這個請求，并將當前時間作為參數傳遞給服務器。

在服務器端，我們可以接收到這個參數，并將其存儲在數據庫中，以便進一步分析。下面是一個簡單的PHP示例，演示了如何接收這個參數，并將其存儲在MySQL數據庫中：

<?php
$submitDate = $_POST["submitDate"];
// 將$submitDate存儲在數據庫中
?>

通過以上步驟，我們已經完成了通過Ajax獲取表單提交時間并存儲在數據庫中的功能。這個功能可以用于各種不同的場景，例如網站的調查問卷、用戶注冊、在線支付等等。通過獲取和存儲表單提交時間，我們可以更好地對用戶行為進行分析和理解。