JavaScriptからPHP経由でMySQLのデータを表示。formatを使います。自宅で野菜を水耕栽培。メニュートップページ水耕栽培初心者におすすめ!自作ノウハウご紹介!【全て自動制御】ポンプとLEDを使う自作の水耕栽培装置を細かく紹介!【お手軽自作】ちょっと自作したい人におすすめ。!まめちしきサイトマップEnglish自分でつくる。自宅で野菜を水耕栽培。TOP自作のノウハウJavaScriptからPHP経由でMySQLのデータを表示。formatを使います。JavaScriptからPHP経由でMySQLのデータを表示。formatを使います。自作のノウハウツイートJavaScriptはクライアントサイドなので、サーバーにあるMySQLなどのデータを表示するのに少し工夫が必要そうです。データの準備はサーバーサイドにしてもらいたいなーと思いますがみなさんどうしているんですかね??調べてみたところJavaScriptからPHPが呼べることが分かりました。いうことはPHPからMySQLなどのデータベースと接続してその結果をJavaScriptにレスポンスしてあげればいいじゃん!ということになります。́罒`*)ニヒヒ調べた結果をご紹介します(〃’ω’)JavaScriptからPHPを実行させるGoogle本家のサンプルコードに参考になるコードがありました。codeであるPHPを使う内容の記事です。記事の序盤でサンプルページの紹介がありますので抜粋しておきますね。PHP.訳してみるとチャートを作るためのデータをサーバーサイドのコードから作ることができます。ローカルファイルも使うことができるし、データベースにQueryしてもいいし、他のどんな方法でも可能です。ここで紹介するサンプルプログラムはページが読み込まれるときにローカルファイルを参照するものです。サンプルがローカルファイルを読み取るのでここをMySQLにQueryするPHPに変えてあげればOKなはずです(ง°̀ロ°́)งどうやってPHPを呼んでデータを受け取るの?JavaScript内でjQueryのajax()関数を使いURLを送ってそのリスポンスをJSONフォーマットで受け取ります。URLにPHPのコードを指定してあげれば、PHP内で動かしたMySQLのクエリ結果をリスポンスの形で受け取ることができます。Chartsでグラフを表示させることが目的としました。ChartsのJSONフォーマットにしてあげればこのサンプルプログラムがそのまま使うことができるのでそのようにしたいと思います。JavaScriptからPHPを呼んでMySQLの結果を表示するソースコードGoogleのサンプルプログラムからPHPを呼べることがわかったので、MySQLからデータを取得するPHPを作ってJSONフォーマットで応答するコードを作ってみました。Javascript側のコードほぼGoogleのサンプルコードです。呼ぶPHPだけ変えています。id="chart_div"></div></body></html>PHP側のコードPHP側のコードはMySQLからデータを取得してJSONフォーマットで返すようにします。$arryRow);”です。MySQLに部屋の温度データを保存していたので、その日付と温度をQueryするようになっています。$ret;}?>DBに接続しているのはDbManager.phpでこちらがコードです。localhostで接続していたので、localhostを表す127.0.0.1をhostに設定しています。$db;}ちなみにEncode.phpはこちらです。$charset);}?>動作確認してちゃんと動いているのが確認できました。動作確認してちゃんと動いているのが確認できました。PHP側で実装するJpGraphはグラフが画像になってしまうのでちょっと扱いにくかったです。まとめJavaScriptからPHP経由でMySQLのデータを扱う方法をご紹介しました。用途に応じて検討してみるのもありだと思います!記事を読んでいただいてありがとうございます。この記事がいいなと思ったら下記のSNSボタンのクリックをお願いします。励みになります😁ツイート「JavaScriptからPHPにクエリ情報を渡す方法は?ラズパイで試しました。「PHPからMySQLにPDOクラスでアクセスするための準備。【自作IoT】自作のECメーターをIoT化で見える化します。【完全自作】ECメーターを自作しよう。回路とプログラムを詳しく解説。ADコンバーターMCP3004をラズパイで動かそう。WiringPiを使います。ADCを2chで動かして自作のEC計を作ってみよう。電気分解対策!自作のEC計の回路変更。PV数ランキング【お手軽自作】ちょっと自作したい人におすすめ。LED照明の自作方法。(23,793pv)マイナス電源の簡単な作り方は?自作回路を作って検証してみました。Piで制御できるACコンセント。(16,924pv)簡単にできる自動給水の方法はある?3つの水耕栽培器への給水方法。(13,617pv)JavaScriptからPHP経由でMySQLのデータを表示。formatを使います。(28)ブログ村に参加しています。ブログランキングに参加しています。自宅で野菜を水耕栽培。