exploitation forestière Asynchronous dans JQuery

Question

code Javascript:

$.ajaxSetup({ 
    async: true 
}); 

$("a").live('click', function (event) { 
$.get(logsomething-URL); 
}); 

code ASP.NET sur la page logsomething sur le serveur:

Thread.Sleep(10000); 

Lorsque je clique sur un lien, je dois attendre une réponse de la serveur. Dans ce cas, je dois attendre 10 secondes avant d'être redirigé vers la page que j'ai demandée.

Est-il possible d'empêcher cela?

Answer 1

D'abord, vous n'avez pas besoin:

$.ajaxSetup({ 
    async: true 
}); 

parce que les requêtes AJAX sont asynchrones par défaut (c'est ce que les A signifie: asynchrone).

Ensuite vous pourriez return false du gestionnaire click pour empêcher l'action par défaut (ce qui est de suivre le href) et dans le gestionnaire AJAX success effectuer la redirection réelle:

$('a').live('click', function (event) { 
    // store the location to redirect to later in the success callback 
    var href = this.href; 
    $.get('logsomething-URL', function(result) { 
     // Now after the AJAX call successfully returned 
     // perform the redirect 
     window.location = href; 
    }); 
    return false; 
}); 

Answer 2

Quelque chose comme cela devrait le faire - en gros, vous ne voulez pas le lien pour agir comme un lien:

$("a").live('click', function (event) { 
    var linkTarget = $(this).attr('href'); 
    event.preventDefault(); 
    $.get(logsomething-URL, function(){ 
     window.location = linkTarget; 
    }); 
}); 

Answer 3

Je ne voudrais pas utiliser .get $, mais plutôt utiliser .ajax $ - il vous permet de spécifier plus. Si cela ne fonctionne pas, essayez de jeter un oeil à

http://api.jquery.com/jQuery.ajax/

$.ajax({ 
    url: 'logsomething-URL', 
    success: function(data) {  
    alert('Success!'); 
    }, 
    global: false 
});