Уважаемые посетители, столкнулся со сложностью, нуждаюсь в Вашей помощи.
Суть вопроса:
- При отработке ajax-запроса подгружается много информации из php;
- Для видимости загрузки сделал preloader страницы, но сейчас решил делать progressbar с отображением значения %% загрузки / количества переданных байт, неважно;
- Значения прогресса думал получать в цикле и выводить в контейнер с определенным ид / классом.
Суть проблемы:
- Значение
var progress
, например, в консоль выводится только после выполнения запроса, а не при каждом изменении значенияevt.loaded
(объем загруженной информации).
Код:
$(document).ready(function () {
$.ajax({
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.addEventListener("progress", function(evt){
for(var i = 1; i<evt.total; i++){
var progress = Math.round(((i/evt.total)*100)*100)/100;
//действие, вывод значения прогресса (консоль / контейнер)
}
}, false);
return xhr;
},
type: "POST",
url: "main_php/result.php",
dataType: "json",
success: function (data) {
//действие (вывод данных на страницу)
}
});
});