“Cómo mostrar progreso en Ajax Call” Código de respuesta

Ajax con barra de progreso

$.ajax({
    xhr: function() {
        var xhr = new window.XMLHttpRequest();

        // Upload progress
        xhr.upload.addEventListener("progress", function(evt){
            if (evt.lengthComputable) {
                var percentComplete = evt.loaded / evt.total;
                //Do something with upload progress
                console.log(percentComplete);
            }
       }, false);

       // Download progress
       xhr.addEventListener("progress", function(evt){
           if (evt.lengthComputable) {
               var percentComplete = evt.loaded / evt.total;
               // Do something with download progress
               console.log(percentComplete);
           }
       }, false);

       return xhr;
    },
    type: 'POST',
    url: "/",
    data: {},
    success: function(data){
        // Do something success-ish
    }
});
Matteoweb

Cómo mostrar progreso en Ajax Call

BY LOVE
You need to call the progress bar class, That's IT

beforeSend: function () 
				{
                    $('.loaderimg').show();
                },
complete: function () 
				{
                    $(".loaderimg").hide();
                }
Precious Pigeon

Respuestas similares a “Cómo mostrar progreso en Ajax Call”

Preguntas similares a “Cómo mostrar progreso en Ajax Call”

Más respuestas relacionadas con “Cómo mostrar progreso en Ajax Call” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código