呃。。標題實在是不知道怎么描述比較合適,先說發(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元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
