javascript - AJAX ページの読み込みと進行状況

Question

上部に進行状況バーを表示して jQuery AJAX ページをロードしたいと考えています。ここで達成しようとしていることの例を見つけました。

どこから始めればよいかを示すポインタを使用できます。

WordPressサイトで使用する予定です。

Answer 1

この参照ページを見てください。のコールバックを指定しますonreadystatechange。単純な読み込みバーは、変化に応じてバーを少しだけ増やしますreadyState。これは、リンクされたサイトが行うことである可能性があり、これが最新のブラウザーが行うことです (ヘッダーが受信されるか、接続が確立されると、読み込みアイコンが切り替わります)。より複雑な読み込みバーは、 の場合にリクエストから受信したヘッダーを読み取り、HEADERS_RECEIVEDcontent-length ヘッダー ( の場合LOADING) をそれまでに受信したバイト数と比較します。

ダウンロード中; responseText は部分的なデータを保持します。

この手法は、付加価値を得るには難しすぎるかもしれません。AJAX は通常、軽量のデータを返すように設計されているため、読み込み時間は、きめの細かい読み込みバーが実際に必要になるほど長くはなりません。

jQuery を使用する場合は、別の方法で実装する必要があるかもしれませんが、アルゴリズムは同じです。