Heim > Web-Frontend > js-Tutorial > Lösung für das Abfangen des Öffnens eines neuen Fensters mithilfe von window.open in der Ajax-Anfrageantwort

Lösung für das Abfangen des Öffnens eines neuen Fensters mithilfe von window.open in der Ajax-Anfrageantwort

高洛峰
Freigeben: 2017-01-09 14:15:17
Original
1520 Leute haben es durchsucht

1. Problembeschreibung

Nachdem die asynchrone asynchrone Anforderung erfolgreich war, muss ein neues Fenster geöffnet werden, um die URL zu öffnen. Dies wird jedoch der Fall sein vom Browser abgefangen und der Benutzer muss auf „Ab“ klicken.

2. Problemanalyse

Der Grund, warum der Browser neue Fenster blockiert, liegt darin, dass der Vorgang nicht aktiv vom Benutzer ausgelöst wird, sodass er ihn für unsicher hält Selbst wenn das Benutzerverhalten wie Klicken oder Senden in der Ajax-Rückruffunktion (Trigger ('Klick')) simuliert wird, geht der Browser davon aus, dass es nicht aktiv vom Benutzer ausgelöst wird, sodass es nicht sicher ausgeführt werden kann wird abgefangen.

Anweisungen:

1. Wenn es Der Aufruf von window.open() in der hier angegebenen Fun-Methode wird nicht abgefangen, da der Browser davon ausgeht, dass er aktiv ist. Das Öffnen des Fensters in der Antwort auf die Ajax-Anfrage wird jedoch abgefangen.

2. Wenn Sie kein neues Fenster öffnen, sondern die ursprüngliche Webadresse ändern, können Sie dies mit window.location = newurl erreichen, damit diese nicht abgefangen wird.

3. Lösung

Verwenden Sie vor der Ajax-Anfrage window.open, um ein leeres Fenster zu öffnen, und legen Sie dann das Standortattribut des Fensters in der Ajax-Antwortfunktion fest für die neue URL.

Codebeispiel:

function fun(){
var tmpWin =window.open()
ajax(xxx, handle(){
//回调函数。这是伪代码,语法不准。
var newurl = xxxx
tmpWin.location = newurl;
})
}
Nach dem Login kopieren

Bei der oben genannten Methode liegt ein Problem vor, da zunächst ein leeres Fenster geöffnet wird. Wenn die Ajax-Anfrage fehlschlägt (Netzwerk- oder Geschäftslogikproblem), werden im neuen Fenster keine normalen Ergebnisse angezeigt, was beim Benutzer zu Verwirrung führen kann.
Eine Lösung besteht darin, dass Sie bei Problemen mit Ajax erwägen können, eine Eingabeaufforderung zu geben, z. B. tmpWin.document.write("Server processing Ausnahme");

Auch um Ajax zu verhindern Antwortzeit Zu lang. Wenn das Fenster erstellt wird, wird sofort die Eingabeaufforderung tmpWin.document.write("Der Server verarbeitet, bitte warten") ausgegeben.

Wenn Ajax später normal zurückkehrt, ist dies der Fall Da es sich bei der Position um einen festgelegten Wert handelt, werden die ursprünglich gedruckten Informationen durch die neuen Seiteninformationen überschrieben.

Hier ist eine andere Methode, die jedoch auch Mängel aufweist:

Da Ajax als synchrone Anfrage festgelegt werden kann, können Sie window.open verwenden, um ein neues Fenster zu öffnen nach der Ajax-Anfrage. Zum Beispiel:

function fun(){
var result;
ajax({ //需要设置同步请求
.....
result = xxx
.......
})
if(result){
window.open(xxxx)
}
}
Nach dem Login kopieren

Der obige Ansatz vermeidet die oben genannten Probleme, da nach der Beurteilung des Ergebnisses der Ajax-Anfrage ein neues Fenster geöffnet wird.
Da es sich jedoch um eine synchrone Anfrage handelt, haben wir während unseres Tests ein Problem festgestellt. Wenn die Antwortzeit des Servers zu lang ist, wird erstens die Schnittstelle angehalten (die Benutzererfahrung ist nicht gut) und zweitens das neue Fenster wird gesperrt.

Kein Problem, nur wenn der Server schnell zurückkommt. Während unseres Tests schliefen wir während der Verarbeitung des Servercodes eine Sekunde lang und stellten fest, dass das neue Fenster blockiert war.

4. Zusammenfassung

Zusammenfassend ist ersichtlich, dass es nach der Rückkehr von Ajax keine besonders perfekte Möglichkeit gibt, ein neues Fenster zu öffnen. Konkret müssen Sie geeignete Maßnahmen ergreifen, die auf den Geschäftsmerkmalen Ihres eigenen Systems basieren.

Das Obige ist die Lösung, die Ihnen der Editor vorstellt, wenn Sie window.open verwenden, um ein neues Fenster in der Ajax-Anfrageantwort zu öffnen und abzufangen Wenn Sie Fragen haben, kontaktieren Sie uns bitte. Ich werde eine Nachricht hinterlassen und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere verwandte Artikel zur Lösung des Problems der Verwendung von window.open zum Öffnen eines neuen Fensters in der Ajax-Anfrageantwort finden Sie auf der chinesischen PHP-Website!


Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage