Link reindirizza la pagina prima che javascript onclick sia in grado di terminare

Question

Ho un collegamento che carica una pagina e chiama una funzione javascript al clic. Il problema è che la funzione javascript non può finire prima che i reindirizzamenti della pagina. Esiste comunque per assicurarlo?

Si noterà che c'è un alert() che viene commentato nella funzione javascript e, se annullo, la funzione è in grado di completare. Tuttavia, ovviamente non voglio che un popup di avviso si svolga effettivamente.

Ecco il link:

<a href="p.php?p=$randString&s=$postCat" onclick="setYSession();"> 

Qui è la funzione javascript che non può finire in tempo:

function setYSession() { 
    var YposValue = window.pageYOffset; 
    $.get('yPosSession.php?yValue=' + YposValue); 
    //alert(YposValue); 
    return false; 
} 

Answer 1

Provare a cambiare il onclick di restituire il risultato della funzione:

echo "<a href='p.php?p=$randString&s=$postCat' onclick='return setYSession();'>"; 

Oppure restituire in modo esplicito falso:

echo "<a href='p.php?p=$randString&s=$postCat' onclick='setYSession();return false'>"; 

Dato che la funzione restituisce false, in entrambi i casi si interrompe il comportamento dell'evento predefinito, vale a dire, si interrompe il collegamento a tutti. Poi all'interno della vostra funzione è possibile aggiungere codice per fare la navigazione dopo finisce la tua Ajax:

function setYSession() {  
    var YposValue = window.pageYOffset; 
    $.get('yPosSession.php?yValue=' + YposValue, function() { 
     window.location.href = 'p.php?p=$randString&s=$postCat'; 
    }); 

    return false;  
} 

Idealmente, soprattutto perché ti sembra di essere utilizzando jQuery per il $.get(), mi tolgo la linea onclick e fare qualcosa di simile :

echo "<a href='p.php?p=$randString&s=$postCat' id='myLink'>"; 

$("#myLink").click(function() { 
    var YposValue = window.pageYOffset, 
     myHref = this.href; 
    $.get('yPosSession.php?yValue=' + YposValue, function() { 
     window.location.href = myHref; 
    }); 

    return false; 
}); 

Answer 2

<script> 
function a() 
{ 
    setYSession(); 
    window.location.href = "p.php?p=$randString&s=$postCat"; 

    return false; 
} 
</script> 

... 

<a href='javascript: void(0);' onclick='a();'>click me</a>