Cargando Gif Jquery $ .Post (función)

Me preguntaba si había una manera rápida y fácil de poner un gif de carga en una función jquery $ .Post. Creo que lo más probable es que tenga que ponerlo en el cuerpo de la función de alguna manera. Quiero superponer la página en una especie de neblina, con ese gif de carga giratorio, o tal vez la cosa de la barra de barbería horizontal. Ya tengo las imágenes en mi carpeta de imágenes mvc, solo necesito averiguar mis opciones para implementarlas.

Muchas Gracias

preguntado el 08 de noviembre de 11 a las 15:11

1 Respuestas

Supongo que hay un evento que ocurre para iniciar la publicación ajax. En cuyo caso, necesitaría mostrar su imagen de carga antes de llamar al archivo ajax. Luego, cuando vuelva la llamada, deberá ocultar la imagen de carga.

Por ejemplo:

$("#button").click(function() {
    // show loading image
    $("#loadingImage").show();

    $.ajax({
        type: 'POST',
        url: url,
        data: data,
        success: function(data) {
            // Your logic here...

            // hide loading image
            $("#loadingImage").hide();
        }
    });
});

HTML

<input type="button" id="button" value="Load data" />
<img src="loading.gif" id="loadingImage" style="display: none;" />

respondido 08 nov., 11:19

Esa llamada a $ ("loadingImage"). Show (); ¿Qué es eso precisamente? Además, esta es la llamada $ .post not $ .ajax. De hecho, son similares, creo que Post es un rapero para Ajax. Entonces probablemente estaría haciendo esto en la sección de función de la función de publicación. - SoftwareSavant

El .show() es lo que hace aparecer la imagen. Es equivalente a .css("display", "block"). Tienes razón en eso $.post se basa en $.ajax entonces los dos métodos compartidos. - Rory McCrossan

Quiero decir, ¿cuál es la parte entre las comillas? ¿Es ese un enlace a mi gif? - SoftwareSavant

Ah, sí. Está seleccionando la imagen por su id. - Rory McCrossan

Así que supongo que tendría que poner la imagen en algún lugar de la página y darle una identificación, pero simplemente la escondí, ¿verdad? - SoftwareSavant

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.