在網頁開發中，表單是一種非常常見的交互元素，它可以讓用戶輸入數據并提交到服務器端進行處理。傳統的方式是通過刷新整個頁面來提交表單數據，這樣會造成頁面的重新加載，用戶體驗較差。而使用Ajax技術可以實現無需刷新頁面的表單提交，提升用戶體驗。本文將介紹如何使用Ajax來創建一個具有表單提交功能的網頁，并通過舉例來說明其應用。 首先，讓我們來看一個簡單的例子。假設我們有一個網頁中包含一個表單，包含輸入名稱和郵箱的文本框以及一個“提交”按鈕。當用戶輸入了名稱和郵箱，并點擊提交按鈕后，表單數據將被發送到服務器進行處理。在傳統的方式中，點擊提交按鈕會導致整個頁面的刷新，而使用Ajax技術可以實現無需刷新頁面的表單提交。 接下來，我們將使用Ajax來實現這個例子。首先，在HTML代碼中，我們需要為表單元素添加一個唯一的`id`屬性，并給按鈕添加一個點擊事件的監聽器。在監聽器中，我們使用Ajax的`XMLHttpRequest`對象來發送表單數據到服務器，并更新頁面的內容。 ```html``` 在上述代碼中，我們使用了`FormData`對象來收集表單數據，并將其傳遞給`xhr.send()`方法。在服務器端，我們可以通過接收這些表單數據來進行相應的處理。在此例中，我們將表單數據發送到名為`submit.php`的文件。 接下來，我們需要在網頁中添加一個用于顯示提交結果的容器。例如，我們可以添加一個`