Ajax请求成功后打开新窗口地址
更新时间：2016年08月04日 11:38:07 作者：Ruthless
这篇文章主要介绍了Ajax请求成功后打开新窗口地址的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
废话不多说，关键代码如下所示：
jQuery.ajax({
"type":"post",
"url":"http://www.baidu.com",
"success":function(rel){
if(rel.isSuccess){
window.open(rel.url,"_blank");
}
}
});
这个url请求成功后window.open(rel.url,"_blank");会被浏览器拦截，无法打开新窗口，如果把window.open()放在ajax外面，问题就迎刃而解，代码如下：
var result="";
jQuery.ajax({
"type":"post",
"url":"http://www.baidu.com",
"success":function(rel){
if(rel.isSuccess){
result=rel.url;
//window.open(rel.url,"_blank");
}
}
});
if(result.length>0){
window.open(result,"_blank");
}
下面看下在Ajax响应之后打开新窗口
最近的开发中有一个功能，点击一个链接之后，要判断当前的用户是否登录，没有登录的话，需要弹出一个登录对话框，用户登录之后，再在新的窗口(标签)中打开链接指向的Url。
不多说，直接贴出代码：
$(document).delegate("a", "click", function () {
var actionUrl = $(this).attr("href");
var ssoAction = function () { window.open(actionUrl, '_blank'); };
if (isLogin()) {
ssoAction();
} else {
popup.show({login:function () {
$.ajax({
type: "post",
dataType: "json",
url: "/Account/Login",
data: $("frmLogin").serialize(),
//发送方式改为同步，避免弹出页面被浏览器拦截
async: false,
success: function (oData) {
ssoAction();
}
});
});
}
return false;
});
重点：需要使用同步提交，使用异步提交，callback里面打开新窗口(标签)，会被浏览器认为是恶意行为。
相关文章
这篇文章主要为大家详细介绍了ajax实现excel报表导出，解决乱码问题，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
最近没有项目做，正有朋友请帮忙实现手机定位功能，实现方法有很多种，我是用h5和ajax实现的手机定位，只是个demo，后续还要继续完善的，在此分享给大家，需要的朋友可以参考下2015-09-09
这篇文章主要介绍了实例代码讲解ajax实现的无刷新分页的相关资料,需要的朋友可以参考下2015-12-12
本文给大家介绍了ajax实现跨域访问的3种解决方案，非常的实用，个人比较推荐第三种，小伙伴们可以着重看下。2015-06-06
最近在开发一个可以上传图片到服务器的web表面页面，下面给大家分享需求和实现思路，需要的的朋友参考下吧2017-05-05
ajax中文乱码问题在中文中经常会出现这种问题，其实只要稍加注意就不会出现ajax中文乱码这回事情了，接下来为大家详细介绍下如何解决这类问题2013-04-04
这篇文章主要给大家介绍了关于利用ajax提交form表单到数据库(无刷新)的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-02-02
这篇文章主要介绍了基于HTML5 Ajax实现文件上传并显示进度条的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了Ajax异步提交数据返回值的换行问题,结合实例形式较为详细的分析了ajax异步提交过程中返回值带有换行的处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
在网上Google了很多次,能找到用rails制作rss,但是总是找不到完整的。今天把完整的过程抄录在这里2008-09-09
最新评论