封装jquery的ajax,便于加载等待提示框
生活随笔
收集整理的這篇文章主要介紹了
封装jquery的ajax,便于加载等待提示框
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
先貼上代碼。 傳入4給參數,保證post,get都能執行,和普通的ajax區別在于添加了設置的timeout。 并在每一次的發送接收請求后執行dialog()方法。 function AjaxRequest(apiUrl, method, param, callback) { $.ajax({ url: apiUrl, type: method, data: param, timeout: 150000, dataType: "JSON", beforeSend: function (XMLHttpRequest) { dialog("加載中...", false); }); }, success: function (data, textStatus) { dialog("加載中...", true); return callback(data); },
?
error: function (XMLHttpRequest, textStatus, errorThrown) { dialog("加載失敗!", true); }, complete: function (XMLHttpRequest, status) { if (status == "timeout") { dialog("網絡超時!", true); } } }); }// dialog()方法中主要是對is的判斷,如果是true,那么延遲一秒后隱藏,保證至少提示框能顯示出來,false的話就不操作。
function dialog(msg, is) { var d = $(".ajax_box"); d.find(".ajax_dialog").text(msg); is ? setTimeout(function () { d.fadeOut(); }, 1000) : ""; }?
轉載于:https://www.cnblogs.com/HoredCX/p/10129859.html
總結
以上是生活随笔為你收集整理的封装jquery的ajax,便于加载等待提示框的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js_!和!!的使用
- 下一篇: 【PAT】B1055 集体照(25 分)