• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:AjaxでMySQLへのデータの追加と表示をしたい)

AjaxでMySQLへのデータの追加と表示をする方法

このQ&Aのポイント
  • htmlで、jQueryでMySQLのテーブルmessage_tableのデータid(int auto_increment primary)、time(datetime)、message(varchar(1000))を表示する。また、inputのtextから新たにmessageを送信し、リロードなしでテーブルに追加・表示するAjaxのプログラムを作成する。
  • PHP側はMySQLのデータの取得、htmlから送られてきたデータの追加・htmlへの返却を行う。データの表示と送信をするhtmlと、データを受け取りMySQLのテーブルに追加しhtmlに返すPHPのソースを作成する。
  • message.htmlでは、テキスト入力欄と追加ボタンがあり、追加ボタンをクリックするとpost.phpへデータが送信される。post.phpではデータベースからメッセージ一覧を取得し、JSON形式で返却する。

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

  • ベストアンサー
回答No.2

>HTML側でもうすでにあるMySQLのデータを表示する方法と、 JSONを受け取ってhtmlを生成するfunction 取得または更新時に呼ばれるfunction を作ったほうが無駄が少ないかも。 $(function() { $.getJSON('read.php',function(json){ console.debug(json); }); }); JSONの受け取り方はこれ。んで送出側(read.php)は取得したデータをJSONにする。 post.phpのjson_encode($result);の$resultはなんだかわからないけど、そんな感じ。 受け取ったJSONは開発者ツールで中身を見てみよう。 そうすれば、どうやったら特定の項目が表示できるか見えてくると思う。 >HTMLからPHPにデータを送信して、MySQLにデータを追加したあと、続けて新しく追加したデータのみをPHPでMySQLから受け取り、HTMLに返し、元々表示しているデータに追加して表示させるところがわかりません。 まずは追加した後は全取得して書き換えでいいんじゃない? それが出来たら現在あるものに追加ってのを考えてみると良い。 お勉強しているんだろうから直接の答えはまだ書かないようにするから、レッツトライ。

h_mp
質問者

お礼

まずはJSONを受け取って、コンソールで表示させて、特定の項目を表示する方法を考えてみます。 $resultは、その中にMySQLから取得したデータを連想配列で代入するという予定でした。説明がなくて、すみません。 そうですね。追加したあと全取得して、書き換えというのを初めにやってみたいと思います。 大変参考になるヒントを下さり、ありがとうございました。

すると、全ての回答が全文表示されます。

その他の回答 (1)

回答No.1

わからないところは具体的にどこなの?

h_mp
質問者

お礼

お返事ありがとうございます。 わからないところは、具体的には、PHP側でMySQLのテーブルに行を追加するところまではわかるのですが、HTML側でもうすでにあるMySQLのデータを表示する方法と、HTMLからPHPにデータを送信して、MySQLにデータを追加したあと、続けて新しく追加したデータのみをPHPでMySQLから受け取り、HTMLに返し、元々表示しているデータに追加して表示させるところがわかりません。

すると、全ての回答が全文表示されます。

関連するQ&A