在前端開發(fā)中,我們經(jīng)常需要向后端發(fā)送異步請求,并根據(jù)后端返回的數(shù)據(jù)更新頁面內(nèi)容,這個時候就需要使用到ajax技術(shù)。在jquery中,可以使用on事件來監(jiān)聽異步請求的狀態(tài)變化。
$.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方法發(fā)送異步請求,同時通過on方法監(jiān)聽了beforeSend和complete事件。
beforeSend事件表示在發(fā)送異步請求之前會觸發(fā),可以在這里對請求參數(shù)進(jìn)行修改或添加請求頭等操作。
complete事件表示異步請求完成時會觸發(fā),無論請求成功或失敗都會執(zhí)行。在這里可以對返回的數(shù)據(jù)進(jìn)行操作或添加一些額外的完成后的動作。
除了beforeSend和complete事件以外,還有其他很多可以使用的事件,如success、error、statusCode等,詳情可以查閱jquery的官方文檔。