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

來源:互聯網
上載者:User

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.