途中経過を表示させる方法は？

質問

JavaScript(jQuery) から $.ajax() で php の実行結果を受け取る作業をしています。

var msgObj = $("#result");
msgObj.text('処理中 ...');
setTimeout(function(){
$.ajax({
url: "hoge.php",type:"POST", async:true, cache:false,
success: function(e){
msgObj.text(e);
}
});
}, 10);

[hoge.php]
　（処理１）
　echo "処理１完了";
　（処理２）
　echo "処理２完了";
　　：

hoge.php の処理が時間かかることを想定して、途中経過を表示させたいのですが、どのようにすればよいのでしょうか。
よろしくお願いします。

回答No.1

ONEONE · ベストアンサー

下記が参考になるかと思います。

http://wood-roots.com/web%E5%88%B6%E4%BD%9C/jqueryjavascript/ajax%E3%81%A0%E3%81%91%E3%81%98%E3%82%83%E3%81%AA%E3%81%84%E3%80%81-deferred%E3%81%A7%E5%A5%BD%E3%81%8D%E3%81%AA%E5%87%A6%E7%90%86%E3%82%92%E9%80%A3%E9%8E%96%E7%9A%84%E3%81%AB%E5%AE%9F%E8%A1%8C

お礼

なるほど、 jQuery.Deferred ってやつを使うんですね。
チャレンジしてみます。
情報ありがとうございました。