/Javascript/jQuery/Progressbar jquery 3 ajax

Progressbar jquery 3 ajax

Ajax with progress bar

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

Source: stackoverflow.com

Progressbar jquery 3 ajax

ajax xhr

Similar codes

1 vote133 views1 answer
Jquery post json example
Javascript jQuery
2 votes128 views2 answers
Get response from form jquery
Javascript jQuery
14 votes121 views6 answers
Jquery checkbox change event
Javascript jQuery
1 vote133 views3 answers
Jquery ajax CORS
Javascript jQuery
-1 vote126 views1 answer
Jquery ajax on fail
Javascript jQuery
1 vote82 views2 answers
Get jquery data
Javascript jQuery
40 votes129 views4 answers
Jquery add
Javascript jQuery
2 votes126 views1 answer
Jquery add contenteditable="true"
Javascript jQuery
-1 vote126 views1 answer
Jquery function called onDeleteMovie. This function should be invoked upon clicking the Delete button of each one of the movie templates
Javascript jQuery
102 votes185 views6 answers
Check if checkbox is checked jquery
Javascript jQuery