在前端開發中，使用$ajax 提交 form 表單是一種常見且方便的方法。通過$ajax，我們可以在不刷新頁面的情況下向服務器發送數據，并獲取服務器返回的數據進行處理。這種方式不僅提升了用戶體驗，還可以減少數據的傳輸量，加快頁面的加載速度。下面我們來看一個具體的例子：

$('form').submit(function(event) {
event.preventDefault();
var formData = $(this).serialize();
$.ajax({
url: 'example.php',
type: 'POST',
data: formData,
success: function(response) {
// 處理服務器返回的數據
}
});
});

上述代碼中，我們首先使用了 jQuery 的選擇器找到了頁面中的 form 元素，并綁定了一個 submit 事件的監聽函數。當用戶點擊提交按鈕時，將觸發該事件，然后我們通過 event.preventDefault() 來阻止表單的默認提交行為。接著，我們使用 serialize() 方法將表單中的數據轉化為一個字符串，作為 data 參數傳遞給 $.ajax() 方法。在這個例子中，我們將表單數據發送給了 example.php 文件進行處理。在 success 回調函數中，我們可以處理服務器返回的數據。

除了常規的提交方式，我們還可以通過設置一些選項來定制 $ajax 提交 form 表單的行為。例如，我們可以通過設置 dataType 屬性來指定服務器返回的數據類型。

$.ajax({
url: 'example.php',
type: 'POST',
data: formData,
dataType: 'json',
success: function(response) {
// 處理服務器返回的 JSON 數據
}
});

在上述代碼中，我們將 dataType 屬性設置為 'json'，這樣服務器返回的數據將會被自動解析為 JSON 對象。這樣我們就可以直接使用 JavaScript 對象的方式來操作服務器返回的數據。

此外，我們還可以通過設置 beforeSend 和 complete 回調函數來執行一些額外的操作。

$.ajax({
url: 'example.php',
type: 'POST',
data: formData,
beforeSend: function() {
// 在請求發送之前執行的操作
},
complete: function() {
// 在請求結束之后執行的操作
},
success: function(response) {
// 處理服務器返回的數據
}
});

在上述代碼中，beforeSend 回調函數將在請求發送之前被調用，我們可以在其中執行一些準備工作，例如顯示 loading 動畫。而 complete 回調函數將在請求結束之后被調用，無論請求成功還是失敗。我們可以在其中執行一些清理工作，例如隱藏 loading 動畫。

總之，$ajax 提交 form 表單是一種非常方便的前端開發方法。我們可以通過簡單的代碼來實現與服務器的數據交互，并靈活地配置各種選項以滿足不同的需求。通過這種方式，我們可以提升網頁的用戶體驗，同時實現與服務器的高效通信。