php - 请教一个href,ajax,重定向之间的问题
高洛峰
高洛峰 2017-05-16 12:59:05
0
7
620

今天在开发中遇上一个问题
就是当前端直接href一个接口 (接口中有重定向的代码)
这样可以直接重定向

但当前端是用ajax请求这个接口的时候 将无法重定向

为什么? 请各位大大讲解下原理

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(7)
左手右手慢动作

ajax本身无法实现重定向。
你可以通过改造后端返回结果并在前端的回调函数里判断后执行页面跳转。
基本思路是后端判断请求头是否包含ajax信息
比如isAjax = request.getHeader("x-requested-with").equals("XMLHttpRequest");,然后根据不同请求执行不同的操作,比如直接执行跳转或返回跳转url信息,由前端跳转。

左手右手慢动作

我的理解:
前者是地址的跳转,后者是访问无刷新服务器的接口。当你仅仅访问接口而不做页面的跳转怎么会有重定向一说呢,ajax就是做无刷新用的。

一定要在客户端跳转,ajax请求不同浏览器请求,不会接受到3xx状态码。

Peter_Zhu

Ajax是做异步请求的。你需要判断状态码进行相应的操作。

我想大声告诉你

一般都是根据后端返回结果然后js跳转

Peter_Zhu

ajax 在 301 状态下是可以正常工作的,
但是前提是, 需要满足同源策略!

如果有这种需求, 可以让 nginx 路径代理到 对应的网址

我想大声告诉你

ajax本来只是在页面无刷新的状态下和服务器坐数据交互(你要理解数据交互的意思),及转句话说客户端只是接收服务器端index/index/api输出的内容。而无法执行其包含的js代码和php命令.
所以要重定向的话必须由前端去处理,以下是正确的处理方法:

$.ajax({  
    url : "/index/index/api",  
    type : "post",  
    dataType : "json",  
    data: param,  
    success : function(data) {     
       window.location.href = '/index/index';
    },
    error : function() {
        //假如系統接收json以外格式數據會執行該方法
    }
});
左手右手慢动作

你修改一下async试一试!

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板