微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax json redirect

最近在开发网站时,遇到了一个ajax处理json数据后重定向页面的需求。经过一番搜索和实践,终于找到了解决方案。

ajax json redirect

首先需要在ajax请求中使用json格式返回数据。下面是一个示例代码

$.ajax({
   url: "example.PHP",dataType: "json",success: function(data){
        //处理数据
        window.location.href = data.redirectUrl; //重定向页面
   }
});

在服务器端返回的数据中,需要包含一个键值对redirectUrl来告诉ajax重定向页面的地址。

需要注意的是,如果使用了缓存,则重定性可能不会生效。可以在ajax请求中添加cache:false禁用缓存。

另外,如果返回的重定向地址是相对地址,则需要根据当前页面的地址进行转换。可以使用相对路径转绝对路径方法

function getAbsolutePath(url) {
    var a = document.createElement('a');
    a.href = url;
    return a.href;
}

使用方法

window.location.href = getAbsolutePath(data.redirectUrl);

总结一下,ajax处理json数据后重定向页面方法如下:

  1. 在服务器端返回json格式数据,并在其中添加键值对redirectUrl,指向重定向的地址;
  2. 在ajax请求中添加dataType:"json",并处理返回的json数据;
  3. 在处理完数据后,使用window.location.href重定向页面
  4. 注意禁用缓存,转换相对路径为绝对路径

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐