Jquery Ajax Cargando imagen

Me gustaría implementar una imagen de carga para mi código jquery ajax (aquí es cuando el jquery aún se está procesando) a continuación está mi código:

$.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); } }); 

¿Cómo puedo implementar una imagen de carga en este código? Gracias

Pruebe algo como esto:

   

Descripción

Debería hacer esto usando jQuery.ajaxStart y jQuery.ajaxStop .

  1. Crea un div con tu imagen
  2. Hazlo visible en jQuery.ajaxStart
  3. jQuery.ajaxStop en jQuery.ajaxStop

Muestra

     

Más información

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

Es un poco tarde, pero si no quieres usar un div específicamente, normalmente lo hago así …

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

ReplaceDiv es el div que el Ajax también inserta. Entonces cuando llega, la imagen es reemplazada.

Tenga en cuenta que: ajaxStart / ajaxStop no funciona para la solicitud ajax jsonp (la solicitud de ajax json está bien)

Estoy usando jquery 1.7.2 mientras escribo esto.

esta es una de las referencias que encontré: http://bugs.jquery.com/ticket/8338