Link przekierowuje stronę, zanim funkcja javascript onclick może zakończyć się

Question

Mam łącze, które ładuje stronę i wywołuje funkcję javascript na kliknięcie. Problem polega na tym, że funkcja javascript nie może zakończyć się przed przekierowaniem strony. Czy mimo to jest to możliwe?

Zauważysz, że istnieje alert(), który jest zakomentowany w funkcji javascript, a jeśli odkomentuję ją, funkcja będzie w stanie ukończyć. Jednak oczywiście nie chcę, aby alarmowe wyskakujące okienko rzeczywiście miało miejsce.

Oto link:

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

Oto funkcja javascript, że nie można zakończyć w czasie:

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

Answer 1

Spróbuj zmienić onclick aby powrócić wyniku swojej funkcji:

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

Lub jawnie zwrócić fałsz:

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

Ponieważ funkcja zwraca wartość false, w każdy sposób zatrzyma domyślne zachowanie zdarzenia, tzn. Przerwie w ogóle nawigowanie po łączu. Następnie w ciągu swojej funkcji można dodać kod, aby wykonać swoją nawigację po zakończeniu Ajax:

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

    return false;  
} 

Idealnie, zwłaszcza, że ​​wydaje się być przy użyciu jQuery dla $.get(), chciałbym usunąć inline onclick i zrobić coś takiego :

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>