• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >AJAX > Ajax请求成功后打开新窗口地址

Ajax请求成功后打开新窗口地址

作者:Ruthless 字体:[增加 减小] 来源:互联网 时间:2017-05-11

Ruthless通过本文主要向大家介绍了Ajax请求成功后打开新窗口地址等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

废话不多说,关键代码如下所示:

jQuery.ajax({
"type":"post",
"url":"http://www.baidu.com", 
"success":function(rel){
if(rel.isSuccess){ 
window.open(rel.url,"_blank");
}
}
}); 
</div>

这个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");
}
</div>

下面看下在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; 
});
</div>

重点:需要使用同步提交,使用异步提交,callback里面打开新窗口(标签),会被浏览器认为是恶意行为。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11Ajax留言本源码 提供下载了
  • 2017-05-11使用AjaxFileUpload.js实现异步文件上传示例
  • 2017-05-11解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题
  • 2017-05-11JQuery的ajax的用法在asp中使用$.ajax()实现
  • 2017-05-11ajax局部刷新一个div下jsp内容的方法
  • 2017-05-11在Ajax中使用get和post所遇到的问题及解决办法
  • 2017-05-11ContentType控制输出的类型是否区分大小写
  • 2017-05-11javascript ajax类AJAXRequest2007-12-31 更新
  • 2017-05-11ajax后退解决方案
  • 2017-05-11Ajax 对象 包含post和get两种异步传输方式

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Ajax jsonp跨域请求实现方法
    • Ajax 用户名验证是否存在
    • Jquery中$.ajax()方法参数详解
    • 聊一聊Ajax的优缺点
    • ajax同步异步简单实现
    • Ajax带提示的验证表单实例
    • javascript Ajax 类实现代码
    • jQuery中ajax - post() 方法实例详解
    • Ajax与JSON的一些学习总结
    • Ajax 框架学习笔记

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有