javascript(jQuery)とPHPを使った非同期でのページの更新を捕捉する方法

jQueryで非同期での更新をjavascriptで捕捉したいです。

jQueryにて外部のPHPプログラムへHTMLから取得したフォームの値をユーザーの任意のタイミングでポストしてその処理結果をjQueryにて受け取ってからそのデータをidタグ指定でHTMLテキストデータとして流し込んでいます。
外部のPHPプログラムというのはテーブルタグを作成してそのHTMLデータを返しています。
この際に末尾に実行したいjavascriptをscriptタグを使って指定して実行のタイミングを合わせているのですが、
何か別の方法がありそうな気がします。

ページの更新後に実行するということでwindow.onloadというものを実装して試してみたのですが、こちらは非同期のタイミングでは対応していないように思いました。（間違っていたらごめんなさい）

この、非同期にてHTMLデータが書き換わったというタイミングを捕捉する良い方法は無いでしょうか？

ご教授宜しくお願い致します。

========
色々と参考になる意見を頂けましたので実際に納得の行く実装ができたらフィードバックしたいと思います。
ご回答していただいた皆様、有難うございました。

行動規範の内容に同意します

回答3件

ベストアンサー

こういうことですか？

javascript
1$.ajax(...).done(function(response){
2  $("#foo").html(response); // 受け取った HTML を挿入
3  bar(); // その後に実行したい処理
4});

投稿2016/03/24 05:23

tozjp

総合スコア790

ultimatepotato

2016/03/24 05:33

そうですこういうイメージの動作を想定しておりました。一度実装してみたいと思います。

ultimatepotato

2016/03/24 05:37

ご回答有り難うござました。

行動規範の内容に同意します

ユーザーの任意のタイミングで

↑ ボタン操作か何かですか？いずれにせよそれにaddEventListnerして、

jQueryにて外部のPHPプログラムへHTMLから取得したフォームの値をユーザーの任意のタイミングでポストして

↑ XMLHttpRequestでポスト(「$.post」）

その処理結果をjQueryにて受け取ってから

↑ 上のpostのcallbackで受け取れる。

そのデータをidタグ指定でHTMLテキストデータとして

後は省略。

投稿2016/03/24 04:53

tkturbo

総合スコア5572

ultimatepotato

2016/03/24 05:19

ユーザーの任意のタイミングはformのsubmitボタンになります。 onsubmitにてjavascriptの関数を呼び出しています。 addEventListnerに関しては触れていなかったので調べてみます。 >> XMLHttpRequestでポスト(「$.post」）こちらは $.ajax({ type:'POST'・・・・ success:funciton(data){},error:function(){} }); こちらの動作とはまた別物になるのでしょうか？あるいは内部的に$.postしてるだけなのでしょうか？宜しくお願いします。