Jquery Ajax Immagine in caricamento

Vorrei implementare un’immagine di caricamento per il mio codice jquery ajax (questo è quando il jquery è ancora in fase di elaborazione) di seguito è il mio codice:

$.ajax({ type: "GET", url: surl, dataType: "jsonp", cache : false, jsonp : "onJSONPLoad", jsonpCallback: "newarticlescallback", crossDomain: "true", success: function(response) { alert("Success"); }, error: function (xhr, status) { alert('Unknown error ' + status); } }); 

Come posso implementare un’immagine di caricamento in questo codice. Grazie

Prova qualcosa del genere:

   

Descrizione

Dovresti farlo usando jQuery.ajaxStart e jQuery.ajaxStop .

  1. Crea un div con la tua immagine
  2. Rendilo visibile in jQuery.ajaxStart
  3. Nascondilo in jQuery.ajaxStop

Campione

     

Maggiori informazioni

  • jQuery.ajaxStart ()
  • jQuery.ajaxStop ()

È un po ‘tardi, ma se non vuoi usare specificamente un div, di solito lo faccio in questo modo …

 var ajax_image = "Loading..."; $('#ReplaceDiv').html(ajax_image); 

ReplaceDiv è il div che l’Ajax inserisce anche. Quindi quando arriva, l’immagine viene sostituita.

Si noti che: ajaxStart / ajaxStop non funziona per la richiesta jasp ajax (la richiesta di jas json è ok)

Sto usando jquery 1.7.2 durante la scrittura di questo.

ecco uno dei riferimenti che ho trovato: http://bugs.jquery.com/ticket/8338