Faire appel AJAX retour dans ASP.NET avec jQuery

Question

J'accepte C# et VB.NET

Si vous visitez ce http://www.eol.org/pages/983558 puis cliquez sur le lien à l'image ci-dessous, vous verrez in- ligne pop-up DIV qui affiche un statut occupé de rappel Ajax avant qu'il affiche les informations. Donc, l'information n'est pas encore là jusqu'à ce que vous cliquiez sur le lien.

Je voudrais faire la même chose, mais ASP.NET et jQuery. S'il y a un endroit pour m'aider à démarrer sur la bonne voie? Merci.

Answer 1

Using jQuery to directly call ASP.NET AJAX page methods

$.ajax({ 
    type: "POST", 
    url: "PageName.aspx/MethodName", 
    data: "{}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function(msg) { 
    // Do something interesting here. 
    } 
}); 

Je pense que ce qui est probablement un bon endroit pour commencer.

Answer 2

oui vous pouvez utiliser le code roberts pour envoyer une requête ajax au code côté serveur et en outre vous pouvez utiliser beforeSend callbck fonction où vous affichera div caché avec chargement .. message et en fonction de succès vous mettrez effectivement les données dans ce div.

$.ajax({ 
    type: "POST", 
    url: "PageName.aspx/MethodName", 
    data: "{}", 
    beforeSend: function() 
    { 
    //display hidden div with loading.. message 
    }, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function(msg) { 
    // remove loading.. message and put actual data to the div 
    } 
}); 

Vous pouvez utiliser le rappel d'erreur pour afficher un message d'erreur dans la même div si l'appel ajax échoue pour une raison quelconque. Vous pouvez en apprendre plus sur la fonction $ .ajax here