前後端分離場景下,ajax 如何控制頁面跳轉
阿新 • • 發佈:2019-02-16
在實際的應用中,前後端分離越來越常見,前端負責頁面之間的路由,需要資料時,傳送ajax請求就可以了。但是我希望在使用ajax時候,可以控制頁面的跳轉,怎麼辦呢?
有兩種情況
第一種情況,傳送同步的請求,成功返回後,在回撥函式中使用window.locatin.href
第二種情況,返回一個狀態碼 ,可自定義700
然後擴充套件ajax 程式碼,在error函式中進行跳轉
第二種情況特比適合的場景是,傳送ajax ,後臺判斷 session過期了,返回700 狀態碼,這時前臺可以實現跳轉到登入頁面。
jQuery(function ($) {
var _ajax = $.ajax;
$.ajax = function (opt) {
var _error = opt && opt.error || function (a, b, c) { };
var _opt = $.extend(opt, {
error: function (xhr, status, error) {
if (xhr.status == 700) {
//跳轉到登入頁面
top.location.href = "/Home/Login";
return ;
}
_error(xhr, status, error);
}
});
_ajax(_opt);
};
});