Ajax+php を使用してプログレスバーを作成するのは、実際には非常に簡単です。
readyState == ステータス(0,1,2,3,4)
0: リクエストは初期化されておらず、open もまだ呼び出されていません
1: リクエストは確立されましたが、まだ送信されておらず、send もまだ呼び出されていません
2: リクエストは送信され、処理中です
3: リクエストは処理されています。通常、応答には呼び出すことができるデータがすでに含まれています
4: 完了
var xmlHTTP
関数create()
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE ブラウザー
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();//IE 以外のブラウザ
}
}
関数リクエスト(URL)
{
xmlHttp.open("GET","for.php?id="+url,true);//trueは非同期送信です
xmlHttp.onreadystatechange = ip985;//応答関数
xmlHttp.send(null);
}関数ip985()
{
if(xmlHttp.readyState==1)
{
document.getElementById('IP985').innerHTML = "リクエストは確立されており、送信する準備ができています..."; //IP985 フラグ
}
if(xmlHttp.readyState==4)
{
var v = xmlHttp.responseText;//コンテンツを取得する
}
出典: 5Dハッピーブログ: http://www.5DKX.com/