前后端分离场景下,ajax 如何控制页面跳转
来源:互联网 发布:淘宝拍卖翡翠手镯被骗 编辑:程序博客网 时间:2024/06/06 01:31
在实际的应用中,前后端分离越来越常见,前端负责页面之间的路由,需要数据时,发送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); };});
阅读全文
0 0
- 前后端分离场景下,ajax 如何控制页面跳转
- AngularJS实现前后端分离模式下的权限控制
- 如何进行前后端分离
- 前后端分离开发背景下,前端如何使用nginx代理转发ajax跨域访问后台服务?
- 基于Ajax的前后端分离
- 前后端分离的权限控制
- 前后端分离,ajax前端跨域访问后端
- 前后端分离,ajax前端跨域访问后端
- Javaweb项目如何做到前后端分离
- spring-websocket下的前后端分离
- 前后端分离ajax接收文件流的实践
- spring boot 前后端分离,解决ajax跨域问题
- vue2 前后端分离项目ajax跨域session问题解决
- web前后端分离
- 前后端分离
- 前后端分离问题
- 前后端分离
- 前后端分离方案
- web学习笔记20-maven学习
- I Hate It(基本线段树)
- 数模算法-动态规划、回溯搜索、分治算法、分支定界等计算机算法
- centos查看版本信息
- VMware(虚拟机) 12版怎么安装深度linux系统
- 前后端分离场景下,ajax 如何控制页面跳转
- 数模算法-最优化理论的三大经典算法:模拟退火法、神经网络、遗传算法
- entos 7中防火墙
- 数模算法-网格算法和穷举法
- Android Studio 修改包名最便捷做法
- 字母数字、字母、汉字验证码 (java)
- 数模算法-一些连续离散化方法
- Threejs开发笔记之三光源
- 第八章 拦截器机制(三) 自定义拦截器