ajax插入进度,如何使用Ajax在加载时显示进度栏

该链接描述了如何向xhr对象jquery添加进度事件侦听器。

$.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

}

});