ajax打开界面问题
来源:互联网 发布:java 数据加密解密算法 编辑:程序博客网 时间:2024/05/16 09:48
最近开发中碰到一个问题,有一场景需要在ajax验证通过后在新窗口打开一个url。一开始通过在异步回调函数中使用window.open()来实现,但是发现这种实现方式会被浏览器拦截,需要用户进行浏览器设置才能打开,但是这显然不适合在互联网应用中对用户做这个限制。因此就想有没有什么办法来解决?
后来通过进一步查找,据说淘宝有一种作法,就是在ajax执行之前先打开一个新窗口,这时候是同步的,所以不会有问题,然后在异步调用成功后使用location.href将其指向新的url,如果失败则将该窗口关闭,如下:
首先的一个想法是js打开一个新窗口不行,有可能是浏览器对于js直接打开新窗口有安全限制,那么我form表单提交或者伪造一个url去触发click函数,总不应该会进行拦截了吧。试了之后遗憾地的发现:不行。查了一些资料,浏览器只有在认为click和submit在打开新窗口时(如果是_self则不会有此限制),这些操作是由用户主动触发时才是安全可以被执行,而ajax回调函数中去执行click和submit被浏览器认为不是由用户主动触发的,因此不能被安全执行,所以被拦截。
然后就想不在ajax异步回调中去要开新窗口,而是在ajax执行的函数中去延时去执行打开新窗口,如下:
$.ajax({url:url,data:form.serialize(),dataType: 'json'}).done(function(o){if(o.success){if(o.data){$('#jump-url-div').val('http://www.XXX.com');}else{ _onFailure(); }}else{_onFailure();}}).fail(_onFailure);setTimeout(function(){window.open($('#jump-url-div').val());},5000);试了之后,无奈的发现,不仅ajax回调中会被安全拦截,像timeout、interval这种也同样会被浏览器认为不是由用户主动触发的操作,而被拦截,无奈失败了!
想到ajax是异步调用的,那么我在当前函数里通过while(true)来判断url是否获取完毕,如果取到url就去执行新窗口打开逻辑,这样总该可以了吧,于是就写了以下的代码:
$.ajax({url:url,data:form.serialize(),dataType: 'json'}).done(function(o){if(o.success){if(o.data){$('#jump-url-div').val('http://www.XXX.com');}else{_onFailure();}}else{_onFailure();}}).fail(_onFailure);while(true){ if($('#jump-url-div').val()!=''){ window.open($('#jump-url-div').val());break; }}
最后一执行,发现浏览器被挂住,且一直不打开新窗口。后来一查才知道,浏览器的javascript执行引擎是单线程的,所谓的ajax异步执行,其实是在成功回调后,将当前的任务放到浏览器的javascript的执行队列之中,等待执行。而这里由于while(true)一直在执行,因此不可能去执行ajax的回调函数,因此url一直取不到,导致死循环,仍然失败!后来一想,之所以浏览器认为打开新窗口不是由用户主动发起的,是因为ajax的异步请求导致,而ajax不仅可以进行异步请求,也可以进行同步请求,然后就把这段代码的ajax请求改为同步,调试通过,如下:
$.ajax({url:url,data:form.serialize(),dataType: 'json',async:false}).done(function(o){if(o.success){if(o.data){window.open('http://www.XXX.com');}else{newwin.close();$(document).trigger('simpleDialog',['#dialog-has-order']);}}else{_onFailure();}}).fail(_onFailure);但是这种方法虽然解决了问题,但是也同样失去了我们使用ajax的实衷,而且这种方法在jquery的使用手册里也明确指出,其受到调用的接口的性能影响,如果长时间不响应,势必会锁住浏览器,失去异步响应的优势。
后来通过进一步查找,据说淘宝有一种作法,就是在ajax执行之前先打开一个新窗口,这时候是同步的,所以不会有问题,然后在异步调用成功后使用location.href将其指向新的url,如果失败则将该窗口关闭,如下:
- ajax打开界面问题
- FarManager3 打开界面混乱问题
- tomcat5无法打开欢迎界面的问题
- 打开设置界面报错问题
- 问答社区界面ajax无显示问题
- 如何解决打开VS2010后没有UI界面的问题
- 三星机子,可以连续打开一个界面问题
- VMware Server Home Page 不能打开登录界面问题
- 可以上网但无法打开登录界面问题的解决方法
- 安卓中嵌套fragment界面第二次打开应用崩溃问题
- 记录ccui.listView打开界面不置顶的问题
- ASP.NET+AJAX解决网页打开等待问题
- ASP.NET+AJAX解决网页打开等待问题
- ASP.NET+AJAX解决网页打开等待问题
- AJAX+ASP.NET解决网页打开等待问题
- AJAX+ASP.NET解决网页打开等待问题
- ASP.NET+AJAX解决网页打开等待问题
- ASP.NET+AJAX解决网页打开等待问题
- 服务端配置资源解析失败,请检查
- Extjs项目
- C++之父谈C++--By BS
- jdk6的Javascript脚本引擎性能简单测试(字符串拼接)
- android手机更改开机铃声
- ajax打开界面问题
- Java main方法中的String[] args
- easyui combobox 多选怎么获值?
- Java 中观察者模式的使用
- linphone-android SDK API超链接
- Java防止表单重复提交
- STM8 测量脉宽——红外例程
- 实用新工具 我要关机(CloseMyPC)
- Qt for Android 5.2.0体验