前后端分离场景下,ajax 如何控制页面跳转
2017-09-02 23:59
337 查看
在实际的应用中,前后端分离越来越常见,前端负责页面之间的路由,需要数据时,发送ajax请求就可以了。但是我希望在使用ajax时候,可以控制页面的跳转,怎么办呢?
有两种情况
第一种情况,发送同步的请求,成功返回后,在回调函数中使用window.locatin.href
第二种情况,返回一个状态码 ,可自定义700
然后扩展ajax 代码,在error函数中进行跳转
第二种情况特比适合的场景是,发送ajax ,后台判断 session过期了,返回700 状态码,这时前台可以实现跳转到登录页面。
有两种情况
第一种情况,发送同步的请求,成功返回后,在回调函数中使用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); }; });
相关文章推荐
- 关于如何控制一个页面的Ajax读数据只读一次的简单解决办法!
- yii2-如何控制没有登录的情况下,全部跳转到登录页面
- 如何使用Ajax跳转页面
- Ajax请求,登录超时,如何跳转到登录页面
- ajax控制页面跳转
- 如何控制一个action跳转到本页面的特定区域
- 如何使用jquery控制页面几秒钟后跳转到其他页面
- ajax如何实现页面局部跳转与结果返回
- JavaScript解决一个带验证的Form两个Submit事件(一个页面保持不动【AJAX实现】,一个页面提交并跳转)的场景
- ajax如何实现页面局部跳转与结果返回
- ajax如何实现页面局部跳转与结果返回
- React项目配置6(前后端分离如何控制用户权限)
- ColorBox关闭时AJAX如何跳转页面
- 教你如何前后端完全分离(非api、ajax)
- jquery的ajax异步请求上传完图片之后会有页面跳转和刷新如何解决?
- 分组、页面跳转与ajax
- 使用spring webflow,在前台页面中如何显示后端返回的错误信息
- controller控制页面跳转
- php如何判断用户是从指定页面跳转进来的
- Skyline软件二次开发初级——2如何在WEB页面中控制三维地图的观察点坐标和角度