最近做项目,有个需求是,点击签到,签到成功后,弹出悬浮窗,待其消失后跳转到新窗口。
签到功能通过ajax异步请求完成,最开始的想法是在异步获得返回成功后,直接用window.open(URL)打开目的窗口,遇到了新标签页被浏览器拦截的情况;
$.ajax({
type: 'get',
dataType: 'jsonp',
crossDomain: true,
jsonp: 'xxxxx',
url:'xxxxxxxxxx',
success: function (data) {
//此处悬浮窗弹出
window.open(URL)
}
})
在click事件时开启一个新的空窗口,然后异步请求到信息后将该窗口的location改变,该方法不合适的地方是,浏览器默认会立即跳转到空窗口,弹出悬浮窗在父窗口,无法被用户看到
BTN.click(function () {
var mywin = window.open();
$.ajax({
type: 'get',
dataType: 'jsonp',
crossD