在前端開發中,我們經常需要向后端發送異步請求,并根據后端返回的數據更新頁面內容,這個時候就需要使用到ajax技術。在jquery中,可以使用on事件來監聽異步請求的狀態變化。
$.ajax({ url: "example.com", success: function(data) { console.log(data); }, error: function() { alert("請求失敗!"); } }).on("beforeSend", function(xhr) { console.log("開始請求!"); }).on("complete", function() { console.log("請求完成!"); });
以上代碼展示了如何使用jquery的ajax方法發送異步請求,同時通過on方法監聽了beforeSend和complete事件。
beforeSend事件表示在發送異步請求之前會觸發,可以在這里對請求參數進行修改或添加請求頭等操作。
complete事件表示異步請求完成時會觸發,無論請求成功或失敗都會執行。在這里可以對返回的數據進行操作或添加一些額外的完成后的動作。
除了beforeSend和complete事件以外,還有其他很多可以使用的事件,如success、error、statusCode等,詳情可以查閱jquery的官方文檔。