ajaxでtbodyに書いた後のイベント

Question

ajaxでtableのtbodyにタグを書いています。

その間ローディング画像を表示して閉じることをしたいです。

tbodyに書いた後のイベントは何を指定すれば良いでしょうか？

tbodyにタグを書くコードです。

$.get('./test.php?id=<?php echo $id ?>',function(data){
	$(".table tbody").html(data);
});

$(window).load(function () { //全ての読み込みが完了したら実行
  $('#loader-bg').delay(900).fadeOut(800);
  $('#loader').delay(600).fadeOut(300);
  $('#wrap').css('display', 'block');
});

上記のloadイベントのときだとローディングが閉じませんでした。
（loadイベントが機能していないんだと思います）

tbodyに書き込まれたときのイベントは何を指定すれば良いでしょうか？

Answer 1

ん？

$.get('./test.php?id=<?php echo $id ?>',function(data){
    $(".table tbody").html(data);
//ここに処理
});

で問題があったの？

補足

$.get('./test.php?id=<?php echo $id ?>',function(data){
    $(".table tbody").html(data);
//ここに処理を描いた場合はレスポンス後
});
//ここに処理を描いた場合はリクエスト後

複数のAJAXの場合コメントでも言われている通り別途コールバックを考える必要があります。

Comments

[chintao1224]

ここに処理のところに書いてたんですが、正確には$.getが終わって、)};の後に書いてたんですが、ローディングが終わって、1～2分後tbodyが書かれるような感じになっていて、できればtbodyの描画が終わってからローディングを消したかったんです。

[ooeok]

？？？

> ローディングが終わってから1～2分後tbodyが書かれる
> tbodyの描画が終わってからローディングを消したかった

ローディングという言葉をどういう意味で使っていて、具体的にどういう動作をするのかはっきりさせないと、誰もアドバイスできないと思いますよ。
そのへんのソースコードも載せた方がいいです。

一口でローディングといっても画面全体をロックするのか、一部分を差し替えるだけなのか(いくつもajax通信が走るのか)、それによっても対応が違います。
また、1～2分後にtbodyが描写されるのはなぜでしょうか？
ajax通信のレスポンスが返ってくるまで時間がかかるのか、通信自体はすぐに終わるけど別の理由で待っているのか。
前者だったら$.ajaxのbeforeSendやcompleteコールバックで対応できますが、後者はDeferredなどで対処する必要があります。