同じウェブサイト内のあるページから別のページにナビゲートする前に進行状況バーを表示しようとしています。ChromeのXMLHttpRequestの進行状況の合計は常に0です
My機能はXMLHttpRequestをonprogressイベントへのUpdateProgress機能を結合し、それが(xhr.readyStateの== 4 & & xhr.statusの== 200)これは、クロームが表示されていることを除いて正常に動作しているようだ 「総に新しいページにユーザーをリダイレクトします"を0として、進捗バーが正しく機能するようにしません。私のコードは以下の通りです。
は
$('.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);
}
Chromeに固有の問題ですか? –
私はそう思います...なぜなら、mozillaはe.total値を正しく表示しているからです。 – B10
IEは値も表示します。 – B10