Sto tentando di mostrare una barra di avanzamento prima di navigare da una pagina all'altra all'interno dello stesso sito web.XMLHttpRequest suprogress total è sempre 0 su Chrome
La mia funzione si lega una funzione UpdateProgress per XMLHttpRequest evento onProgress e reindirizza utente ad una nuova pagina sul (xhr.readyState == 4 & & xhr.status == 200) Sembra che lavora bene, tranne che Chrome mostra "totale "come zero che non consente alla barra di avanzamento di funzionare correttamente. Il mio codice è sotto
Grazie in anticipo ...
$('.ajaxNavi').click(function (e) {
e.preventDefault();
var url = $(this).attr('href');
var xhr = new XMLHttpRequest();
xhr.onprogress = updateProgress;
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200)
// REDIRECT HERE
}
});
xhr.open("GET", url, true);
xhr.setRequestHeader("Content-Type", "text/html");
xhr.send();
});
function updateProgress(e) {
console.log(e.loaded + ' ' + e.total);
}
Un problema specifico di Chrome? –
Penso di sì ... perché mozilla mostra correttamente il valore e.total. – B10
Appena verificato, IE visualizza anche il valore ... – B10