window.open() diverse opere in caso di successo AJAX

Question

Eventuali duplicati:
window.open(url) different behavior - same code, different timing

Sarà più facile per me spiegare il problema se ho appena vi mostro questo esempio - >http://jsfiddle.net/RU2SM/
Come potete vedere ci sono 2 pulsanti, uno chiamato 'Ajax' e uno chiamato 'Direct' ... Quindi se si fa clic su 'Direct' si apre la finestra (nuova scheda su Chrome) ma se provo a fare window.open() sul gestore di successo AJAX, non funziona stessa strada.
Sono sicuro che il problema è da AJAX ma non ho idea di come risolverlo.
Apprezzerà qualsiasi buona idea. Grazie

Answer 1

Questo funziona come un fascino:

// Direct window.open() 
$('#btnDirect').on('click',function(){ 
    window.open('http://google.com') 
}) 
var success = false; //NOTE THIS 

// AJAX window.open() 
$('#btnAJAX').on("click", function(){ 
    $.ajax({ 
     url: "/user/login/", 
     context: document.body, 
     async:false, //NOTE THIS 
     success: function(){ //THIS ALSO CHANGED 
     success = true 
     } 
    }); 
    if(success){ //AND THIS CHANGED 
     window.open('http://google.com') 
    } 
}) 

Quello che fa è quando la chiamata Ajax è successo che imposta il successo variabile su true.
L'utilità async:false si assicura che l'istruzione if venga attivata dopo il completamento della chiamata Ajax.
Quindi window.open viene attivato nelle stesse circostanze del collegamento diretto.

Answer 2

Il problema è che i browser spesso bloccano window.open s a meno che non vengano chiamati in risposta diretta a un'azione dell'utente. Ecco perché il tuo gestore di clic funziona (un clic è un'azione dell'utente) ma il tuo gestore AJAX no.

Una soluzione consiste nell'aprire la finestra durante l'azione di clic iniziale, quindi aggiornare la sua posizione su AJAX riuscito (o chiuderlo di nuovo in caso di errore AJAX).

Altrimenti dovrai consentire all'utente di consentire esplicitamente i popup del tuo dominio nel browser.

Answer 3

come aggiunta vale anche la pena ricordare che l'uso di async: false e quindi chiamare window.open funziona in chrome e firefox ma può causare problemi in safari ... non dà nemmeno informazioni che un popup è stato bloccato

Answer 4

modo migliore implementare qualsiasi logica dopo il successo della chiamata ajax, c'è un evento sparato su ogni esecuzione chiamata AJAX cioè $ .ajax.Request.done e $ .ajax.Request.fail. $ .ajax.Request.done (function() {if (successo) {// Implementa logica}});