呃。。標題實在是不知道怎么描述比較合適，先說發(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ā)送請求
更多文章、技術交流、商務合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
