DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> Ajax請求響應中用window.open打開新窗口被攔截的解決方法
Ajax請求響應中用window.open打開新窗口被攔截的解決方法
編輯:AJAX基礎知識     

一、問題描述

ajax 異步請求成功後需要新開窗口打開 url,使用的是 window.open() 方法,但是會被浏覽器給攔截了,需要用戶點下。

二、問題分析

  浏覽器之所以攔截新開窗口是因為該操作並不是用戶主動觸發的,所以它認為這是不安全的就攔截了,即使 ajax 回調函數中模擬執行 click 或者 submit 等用戶行為(trigger('click')),浏覽器也會認為不是由用戶主動觸發的,因此不能被安全執行,所以被攔截。

說明:

1、如果是在 <a href="javascript:void(0)" onclick="fun()"></a> 這個中指定的 fun方法中調用 window.open()則不會被攔截,因為浏覽器會認為是主動的。 但是在ajax請求的響應中打開窗口是會被攔截的。

2、如果不是打開新窗口,而是改原來的網頁地址,可以使用window.location = newurl 來實現,這樣不會被攔截。

三、解決方案

在ajax請求之前,先用window.open 打開一個空白窗口,然後在ajax的響應函數中設置該窗口的location屬性為新的url。

代碼示例如:

function fun(){
var tmpWin =window.open()
ajax(xxx, handle(){ 
//回調函數。這是偽代碼,語法不准。
var newurl = xxxx
tmpWin.location = newurl;
})
}

上面方法,存在一個問題時,因為先打開了空白窗口,如果ajax請求失敗(網絡或業務邏輯問題)後, 新窗口中就不會有正常的結果體現,有可能造成用戶疑惑。
一個解決辦法是,當ajax出現問題時,可以考慮給出一個提示,如 tmpWin.document.write("服務器處理異常");

甚至為了防止ajax響應時間過長,當窗口新建後,立即給出提示 tmpWin.document.write("服務器正在處理中,請稍後");

後面如果ajax正常返回,則因為設置了location值,原來打印的信息會被新的頁面信息覆蓋。

這裡還有一種方法,但也有缺陷:

因為ajax可以設置為同步請求,這樣可以在ajax請求之後,利用window.open打開新窗口。如:

function fun(){
var result;
ajax({ //需要設置同步請求
.....
result = xxx 
.......
}) 
if(result){
window.open(xxxx)
}
}

上面的做法,因為是對ajax請求的結果判斷後,才打開新窗口,避免了上面說的問題。
但是因為是同步請求,在我們測試中發現一個問題,如果服務器響應時間過長,一是界面會停頓(用戶體驗不好),二是新窗口會被攔截。

只有在服務器很快返回時才沒有問題。 我們測試時,在服務器代碼處理中sleep了1秒,發現新窗口就被攔截了。

四、小結

總結下,可以看出,對於在ajax返回後打開新窗口,沒有特別完美的方法。具體還是要根據自己系統的業務特點來采取相應的做法。

以上所述是小編給大家介紹的Ajax請求響應中用window.open打開新窗口被攔截的解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved