在現代的web開發中，前后端交互是一項非常重要的功能。而ajax作為一種常用的異步請求技術，可以實現無刷新的交互效果，大大提升了用戶體驗。在用戶提交數據后，通常需要等待服務器返回結果，這個過程中，加載動畫可以給用戶一個明確的反饋，告訴他們正在處理中，避免用戶以為頁面卡死或出現其他異常。

例如，當用戶在一個電商網站上點擊“加入購物車”按鈕時，查看到一個等待加載動畫，這可以讓用戶明確知道系統正在處理他們的請求，而不是不做任何反應。如果沒有加載動畫，用戶點擊后頁面不發生變化，可能會產生困惑和不滿。又例如，當用戶提交一個評論時，在評論提交的同時顯示一個加載動畫，可以讓用戶知道系統正在保存他們的評論，減少用戶的不確定感。

下面我們來討論一下如何利用ajax提交后加載動畫。首先，在html頁面中，我們需要定義一個展示加載動畫的元素。這個元素可以是一個圖片，也可以是一個使用css動畫的標簽。我們用一個div元素來代替展示加載動畫。給它添加一個特殊的id屬性，以便于在JavaScript腳本中找到它。

<div id="loading">
<img src="loading.gif" alt="Loading" />
</div>

在JavaScript代碼中，我們使用ajax來發送請求并監聽加載狀態。在發送請求前，首先要找到加載動畫的元素，并將其顯示出來。然后，我們使用ajax的success方法來監聽請求成功的狀態。當請求成功時，我們可以根據需要執行一些操作，例如更新頁面內容或者隱藏加載動畫。下面是一個使用jQuery的ajax來實現這個流程的示例：

$('form').submit(function(event) {
// 阻止默認表單提交
event.preventDefault();
// 顯示加載動畫
$('#loading').show();
// 獲取表單數據
var formData = $(this).serialize();
// 發送ajax請求
$.ajax({
url: 'submit.php',
type: 'POST',
data: formData,
success: function(response) {
// 請求成功后的操作
// ...
// 隱藏加載動畫
$('#loading').hide();
}
});
});

在上面的代碼中，我們使用了jQuery的submit方法來監聽表單的提交事件。在事件處理函數中，我們首先阻止默認的表單提交行為，然后顯示加載動畫，并獲取表單數據。接下來，我們使用ajax發送請求，指定請求的url、請求類型和數據。在請求成功后的回調函數中，我們可以根據需要執行一些操作。這些操作可以包括更新頁面內容、隱藏加載動畫等。

通過以上的代碼和示例，我們可以實現一個在ajax提交后顯示加載動畫的效果。這樣可以讓用戶清晰地知道系統正在處理他們的請求，增加用戶體驗的友好度。當然，加載動畫的實現方式還有很多種，可以根據具體的需求和網站風格選擇合適的方式。總之，無論是電商網站還是社交平臺，使用ajax提交后加載動畫都是一種常見的實踐，能夠有效提升用戶體驗。