GET /submit-form.php?name=John&age=25 HTTP/1.1
POST /submit-form.php HTTP/1.1
- 請求目標（request target）指定了數據提交的目標URL。對于GET方法，請求目標包含在請求行的URL中，而對于POST方法，則需要通過"Host"頭字段指定目標服務器。例如：
GET /submit-form.php?name=John&age=25 HTTP/1.1 Host: example.com
POST /submit-form.php HTTP/1.1 Host: example.com
- 請求參數（request parameters）指定了表單中要提交的數據。對于GET方法，在URL中以"key=value"的形式附加在查詢字符串中；而對于POST方法，可以將參數放在請求體中，同時需要指定"Content-Type"頭字段為"application/x-www-form-urlencoded"，以告知服務器請求體的格式。例如：
GET /submit-form.php?name=John&age=25 HTTP/1.1 Host: example.com
POST /submit-form.php HTTP/1.1 Host: example.com Content-Type: application/x-www-form-urlencoded name=John&age=25
通過正確地構建和使用form頭，我們可以實現更加靈活、高效地表單提交和數據傳輸。舉個例子，假設我們有一個注冊頁面，用戶需要填寫用戶名和密碼并提交表單。在這種情況下，我們可以使用POST方法將用戶名和密碼參數作為請求體發送到服務器，實現用戶注冊。示例代碼如下：
<form>
<input type="text" id="username">
<input type="password" id="password">
<button onclick="submitForm()">提交</button>
</form>
<script>
function submitForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/register", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("username=" + username + "&password=" + password);
}
</script>在上面的示例中，我們使用了POST方法提交表單數據，通過XMLHttpRequest對象創建并發送了HTTP請求，將用戶名和密碼以參數的形式放在請求體中發送給服務器。這樣服務器就可以接收到這些參數，并進行相應的處理。
總結一下，form頭是使用Ajax技術提交HTML表單時創建HTTP請求的關鍵部分。它的格式由請求方法、請求目標和請求參數組成。通過正確地構建和使用form頭，我們可以實現更加靈活、高效的表單提交和數據傳輸。希望以上的介紹和示例能夠對大家有所幫助。