.ajaxSuccess()

Ogni volta che una richiesta Ajax viene completata con successo, jQuery attiva l' ajaxSuccessevento. Tutti i ajaxSuccessgestori registrati vengono eseguiti in questo momento.

Per osservare questo metodo in azione, imposta una richiesta di caricamento Ajax di base:

<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log"></div>
Collega il gestore eventi a qualsiasi elemento:

$( document ).on( "ajaxSuccess", function() {
$( ".log" ).text( "Triggered ajaxSuccess handler." );
} );
Ora effettua una richiesta Ajax utilizzando qualsiasi metodo jQuery:

$( ".trigger" ).on( "click", function() {
$( ".result" ).load( "ajax/test.html" );
} );
Quando l'utente fa clic sull'elemento con classe triggere la richiesta Ajax viene completata correttamente, viene visualizzato il messaggio di registro.

Vengono richiamati tutti ajaxSuccessi gestori, indipendentemente dalla richiesta Ajax completata. Se e' necessario distinguere tra le richieste, e' possibile utilizzare i parametri passati al gestore. Ogni volta che ajaxSuccessviene eseguito un gestore, gli vengono passati l'oggetto evento, l' XMLHttpRequestoggetto e l'oggetto impostazioni utilizzati nella creazione della richiesta. Ad esempio, puoi limitare la richiamata alla sola gestione degli eventi che riguardano un particolare URL:

$( document ).on( "ajaxSuccess", function( event, xhr, settings ) {
if ( settings.url == "ajax/test.html" ) {
$( ".log" ).text( "Triggered ajaxSuccess handler. The Ajax response was: " +
xhr.responseText );
}
} );
Nota: e' possibile ottenere i contenuti Ajax restituiti cercando xhr.responseXMLrispettivamente xhr.responseTextxml e html.

Note aggiuntive:
A partire da jQuery 1.9, tutti i gestori per gli eventi Ajax globali jQuery , inclusi quelli aggiunti con .on( "ajaxSuccess", ... ), devono essere collegati a document.
Se $.ajax()o $.ajaxSetup()viene chiamato con l' globalopzione impostata su false, l' ajaxSuccessevento non verra' attivato.
Esempio:
Mostra un messaggio quando una richiesta Ajax viene completata con successo.

$( document ).on( "ajaxSuccess< function( event, request, settings ) {
$( "#msg" ).append( "<li>Successful Request!</li>" );
} );