关于ajax请求 window.open被拦截问题

最新推荐文章于 2024-05-13 23:20:58 发布

原创最新推荐文章于 2024-05-13 23:20:58 发布 · 537 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了解决在Ajax请求后使用window.open方法被浏览器拦截的问题，通过提前打开一个空窗口或模拟点击事件的方式绕过限制，确保弹窗能够正常显示。

window.open放在ajax校验完成并且成功后才会调用，这时浏览器会觉得这个弹窗不是用户操作想看到的，
所以自动进行了拦截！

解决方法


	// 提前打开一个空的窗口
	var newTab=window.open('about:blank');
	$.ajax({
		type: "post",
		url: "/xxxx/xxxx",
		data: {"param": param},
		error: function (data) {
			showError(data);
		},
		success: function (data) {
			if (data.errorFlag == 0) {
				// 给新打开的窗口赋值
				newTab.location.href = "www.baidu.com";
			} else {
				alert('提示信息');
			}
		}
	});

出现被拦截情况的原因主要在于，浏览器不允许，非用户行为的窗口打开方式，所以必须通过点击事件来触发URL打开，所以采取了下面的解决办法：

函数封装：先创建个跳转的a元素，模拟发送click请求后将该元素从文档中删除；


	$.ajax({
		type: "post",
		url: "/xxxx/xxxx",
		data: {"param": param},
		error: function (data) {
			showError(data);
		},
		success: function (data) {
			if (data.errorFlag == 0) {
				openWin('http://www.baidu.com');
			} else {
				alert('提示信息');
			}
		}
	});

	function openWin(url) {
	    $('body').append($('<a href="'+url+'" target="_blank" id="openWin"></a>'))
	    document.getElementById("openWin").click();//点击事件
	    $('#openWin').remove();
	}