1. 程式人生 > >前後端分離場景下,ajax 如何控制頁面跳轉

前後端分離場景下,ajax 如何控制頁面跳轉

在實際的應用中,前後端分離越來越常見,前端負責頁面之間的路由,需要資料時,傳送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); }; });