• ベストアンサー

HTMLの再読みを行わず、HTMLの一部を更新する

HTMLからPHPを呼出し、DBからデータを抽出し、そのデータをHTMLのテーブルにセットする処理を作成しています。 ページの再読み込みを行わず、テーブル(<TABLE></TABLE>)の要素のみ更新するにはどうすればよいのでしょうか? JavaScriptで実現する方法を探しております。

質問者が選んだベストアンサー

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5238/13705)
回答No.1

こんな感じでしょうか。 ===== html ===== <!DOCTYPE html> <html lang='ja'> <head> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script> $(function() { $.ajax({ type: "GET", url: "/hoge.php", cache: false, success: function(html) { $("#hoge_table").html(html); } }); }); </script> </head> <body> <table id="hoge_table"></table> </body> </html> ===== hoge.php ===== <?php echo '<tr><td>データ</td></tr>'; ?>

NoMusicNoLife49
質問者

お礼

ご回答頂き、ありがとうございます。 要件を満たすことができました。

関連するQ&A