呃。。標(biāo)題實(shí)在是不知道怎么描述比較合適，先說(shuō)發(fā)現(xiàn)此問(wèn)題的背景吧：
?
在項(xiàng)目中有這樣的一個(gè)應(yīng)用場(chǎng)景，用戶(hù)點(diǎn)擊頁(yè)面的一個(gè)button，然后對(duì)用戶(hù)的信息進(jìn)行異步校驗(yàn)，校驗(yàn)通過(guò)之后觸發(fā)一個(gè)請(qǐng)求，請(qǐng)求的目標(biāo)頁(yè)面需要打開(kāi)新的頁(yè)面，也就是請(qǐng)求的action的target屬性為“_blank”，但是在測(cè)試時(shí)發(fā)現(xiàn)新開(kāi)頁(yè)面會(huì)被瀏覽器攔截，模擬場(chǎng)景代碼如下：
?
<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為校驗(yàn)用戶(hù)信息的方法
async : true,
success : function() {
window.open("http://www.baidu.com");//window.open效果等于target='_blank'
return false;
}
});
return false;
})
</script>
</body>
</html>
說(shuō)明：代碼如上所示，當(dāng)點(diǎn)擊“提交” button時(shí)，調(diào)用ajax方法，當(dāng)ajax返回成功響應(yīng)后打開(kāi)http://www.baidu.com，但是結(jié)果卻是頁(yè)面被瀏覽器攔截，如下圖所示：
解決方案：把a(bǔ)jax方法的async屬性值設(shè)置為false，如下：
?
$.ajax({
url : "#", //url為校驗(yàn)用戶(hù)信息的方法
async : false, //同步屬性設(shè)為false
success : function() {
window.open("http://www.baidu.com");//window.open效果等于target='_blank'
return false;
}
});
這樣，再次測(cè)試后就能正常打開(kāi)新的頁(yè)面了。
?
注：為什么會(huì)被瀏覽器攔截還沒(méi)找到原因，估計(jì)是處于安全考慮。
不過(guò)根據(jù)w3cschool所述，一般是 不推薦使用 async=false， JavaScript 會(huì)等到服務(wù)器響應(yīng)就緒才繼續(xù)執(zhí)行。如果服務(wù)器繁忙或緩慢，應(yīng)用程序會(huì)掛起或停止。具體參見(jiàn)： AJAX - 向服務(wù)器發(fā)送請(qǐng)求
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
