前端的童鞋們：在項目中都會遇到向后臺請求數據：

通常會采用ajax請求，在請求的過程中有時返回的數據過多或者用戶網絡慢的原因，導致頁面一開始會有空白頁面，這樣給用戶帶來的體驗不好

$.ajax請求中有一個beforeSend、complete方法，

1.提高用戶體驗

$.ajax({url: url,type: "get",data:dataasync:true,//數據加載之前顯示loadingbeforeSend: function() {//do something },success: function(res) {//do something },//數據加載完成之后loading隱藏complete:function(){//do something } })

?

2 .防止數據重復

當用戶提交表單時，雖然點了提交按鈕，但是因為網絡慢的原因，會出現暫時沒有返回數據，用戶會認為沒有點擊成功，

就會造成數據庫中產生多條重復的數據---臟數據，所以我們可以在beforeSend中添加禁用提交按鈕的功能，在complete后在恢復之，

例如：

/ 提交表單數據到后臺處理 $.ajax({type: "get",data: data,url: url,beforeSend: function () {// 禁用按鈕防止重復提交$("button").attr({ disabled: "disabled" });},success: function (data) {if (data.code== 0) {//清空輸入框 }},complete: function () {$("button").removeAttr("disabled");}, });

?

目前只采用了這兩種方式：若有遺落，歡迎補充

?

轉載于:https://www.cnblogs.com/Chestnut-LYN/p/10577394.html

總結

以上是生活随笔為你收集整理的Ajax的beforeSend 和 complete的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。