注:クライアントが ajax リクエストを開始する必要があります。ページをクライアントにプッシュできません
一般的な考え方は次のとおりです。
var onCompleteStep1 = function() {
status.hide().html('Step 1 complete!').fadeIn();
// first step complete, begin step 2
$.ajax({
success: onCompleteStep2
...
});
};
var onCompleteStep2 = function() {
status.hide().html('Step 2 complete!').fadeIn();
// second step complete, begin step 3
$.ajax({
success: onCompleteStep3
...
});
};
var onCompleteStep3 = function() {
status.hide().html('Step 3 complete!').fadeIn();
};
// start up first step
$.ajax({
success: onCompleteStep1
...
});
アイデアは、ajax 成功のコールバックで、ステータス テキストを "Step 1:Complete)" で更新することです。
簡単なフィドルを作成しました: http://jsfiddle.net/YdQys/
この例では、ボタンを使用して ajax 成功コールバックをシミュレートしています。しかし、それは一般的な考え方です。