- ベストアンサー
HTMLの再読みを行わず、HTMLの一部を更新する
HTMLからPHPを呼出し、DBからデータを抽出し、そのデータをHTMLのテーブルにセットする処理を作成しています。 ページの再読み込みを行わず、テーブル(<TABLE></TABLE>)の要素のみ更新するにはどうすればよいのでしょうか? JavaScriptで実現する方法を探しております。
- みんなの回答 (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>'; ?>
お礼
ご回答頂き、ありがとうございます。 要件を満たすことができました。