最近开发中碰到一个问题，有一场景需要在ajax验证通过后在新窗口打开一个url。一开始通过在异步回调函数中使用window.open()来实现，但是发现这种实现方式会被浏览器拦截，需要用户进行浏览器设置才能打开，但是这显然不适合在互联网应用中对用户做这个限制。因此就想有没有什么办法来解决？

首先的一个想法是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是异步调用的，那么我在当前函数里通过while(true)来判断url是否获取完毕，如果取到url就去执行新窗口打开逻辑，这样总该可以了吧，于是就写了以下的代码：

$.ajax({
	url:url,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;
    }
}

后来一想，之所以浏览器认为打开新窗口不是由用户主动发起的，是因为ajax的异步请求导致，而ajax不仅可以进行异步请求，也可以进行同步请求，然后就把这段代码的ajax请求改为同步，调试通过，如下：

$.ajax({
	url:url,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);

var newwindow=window.open("about:blank");
window.focus();
$.ajax({
	url:form.attr('action'),async:false
}).done(function(o){
	if(o.success){
		if(o.data){
			newwindow.location.href="http://www.XXX.com";
                        newwindow.focus();
		}else{
			newwindow.close();
		}
	}else{
		newwindow.close();
	}
}).fail(function(){newwindow.close();});