亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

在Ajax請求中以_blank方式請求新的頁面會被攔截

系統(tǒng) 1638 0

呃。。標題實在是不知道怎么描述比較合適,先說發(fā)現(xiàn)此問題的背景吧:

?

在項目中有這樣的一個應用場景,用戶點擊頁面的一個button,然后對用戶的信息進行異步校驗,校驗通過之后觸發(fā)一個請求,請求的目標頁面需要打開新的頁面,也就是請求的action的target屬性為“_blank”,但是在測試時發(fā)現(xiàn)新開頁面會被瀏覽器攔截,模擬場景代碼如下:

?

    <html>
	<head>
		<title>Test for ajax</title>
		<script type="text/javascript" src="jquery.js"></script>
	</head>
	<body>
		<h1>Index Page</h1>
		<a href="#" id="button">提交</a>
		<script type="text/javascript">
			$("#button").click( function() {
				$.ajax({
					url : "#", //url為校驗用戶信息的方法
					async : true,
					success : function() {
						window.open("http://www.baidu.com");//window.open效果等于target='_blank'
						return false;
					}
				});
				return false;
			})
		</script>
	</body>
</html>
  

說明:代碼如上所示,當點擊“提交” button時,調(diào)用ajax方法,當ajax返回成功響應后打開http://www.baidu.com,但是結(jié)果卻是頁面被瀏覽器攔截,如下圖所示:

頁面被攔截

解決方案:把ajax方法的async屬性值設置為false,如下:

?

    $.ajax({
	url : "#", //url為校驗用戶信息的方法
	async : false,	//同步屬性設為false
	success : function() {
		window.open("http://www.baidu.com");//window.open效果等于target='_blank'
		return false;
	}
});
  

這樣,再次測試后就能正常打開新的頁面了。

?

注:為什么會被瀏覽器攔截還沒找到原因,估計是處于安全考慮。

不過根據(jù)w3cschool所述,一般是 不推薦使用 async=false, JavaScript 會等到服務器響應就緒才繼續(xù)執(zhí)行。如果服務器繁忙或緩慢,應用程序會掛起或停止。具體參見: AJAX - 向服務器發(fā)送請求

在Ajax請求中以_blank方式請求新的頁面會被攔截


更多文章、技術交流、商務合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 一级床上爽高清播放 | 久操视频免费观看 | 狠狠躁夜夜躁人人爽天天3 狠狠躁夜夜躁人人爽天天miya | 日本免费一级视频 | 伊伊综合 | 99视频精品 | 四虎影院在线免费观看 | 久久久久嫩草影院精品 | 91在线免费视频 | 国产精品久久精品牛牛影视 | 四虎在线最新地址公告 | 91视频最新| 久草国产在线观看 | 欧美精品香蕉在线观看网 | 国产日韩欧美在线一区二区三区 | 四虎在线精品观看免费 | 久久精品亚洲一级毛片 | 中文字幕一区久久久久 | 国产日产欧产精品网站 | 亚洲精品久久久中文字幕 | 超乳w真性中出し冲田杏梨101 | 97在线观看免费观看高清 | 亚洲国产成人精品女人久久久 | 国产福利在线观看精品 | 欧美精品成人一区二区在线观看 | 国产一级视频播放 | 在线观看黄色免费视频 | 美女视频免费在线观看 | 欧美一区在线观看视频 | 伊人婷 | 欧美成人伦理 | 热久久影院 | 国内精品免费 | 大咪咪在线 | 日韩欧美第一区二区三区 | 在线国产播放 | 欧美网站黄 | 九月婷婷天天澡天天添天天爽 | 久久久高清国产999尤物 | 欧美日韩中文在线观看 | 久久精品免视看国产盗摄 |