Ajax POSTとJSONファイル出力の同時処理について

Question

Ajax PostとJSONファイル出力を同時に処理したいと思っています。
実現したいことは下記のものです。

①チェックボックスやセレクトボックスで値を変更→
②変更された値をAjaxPostで送信
③MySQLにリクエストされた返却結果をJSONファイルに出力
④AjaxでJSONファイルを読み込む

①～④をページ遷移せず行う、いわゆるリアルタイム検索を実装したいです。
また、MySQLにデータをINSERTしたりDELETEするケースも出てくる想定でいます。

＜仕組みのイメージができていないところ＞
PHPでMySQLにリクエストしたり、データを挿入したりすることになると思いますが、
サーバーサイドの処理なのにリアルタイムでリクエスト通りのJSON出力はどのように行っているのかというところがイメージできてません。
今まで、送信だけのajax postは実装したことがあります。

どなたかご教授いただけますと幸いです。
参考サイトなどあればそちらも教えていただきたいです。

また、AngularJSで開発しているので、AngularJSでの実装法だと尚嬉しいです。

よろしくお願いします。

Answer 1

問題点がちょっと良く分かっていないのですが、【JSONファイルに出力】と書いている辺りに、誤解があるのですかね？
一般的な Ajax 通信では、
【サーバサイドでJSONファイルを出力】→【Ajax でそのファイルを読み込む】
という動作にはならず、
【サーバサイドでJSONデータを送信】→【Ajax でそのデータを受け取る】
という動作になります。
Ajax では、サーバに処理をリクエストして、返信が来るのを待つため、リアルタイムに処理されます。
サンプルはいくらでもあるので、適当に探してみてください。

なお、AngularJS は使ったことがないのですが、ちょっとくせがあるようです。
AngularJSでWebAPI(PHP)連携 POST編
参考まで。

Comments

[poooooo]

ありがとうございます。
なんとなく、動かしつつ仕組みが理解できて来た気がします。
実装はできました。

ありがとうございました。

[退会済みユーザー]

おつかれさま＾＾
理解できていなかった点は、【JSONファイルに出力】の箇所であってましたか？
どこがうまく理解できなかったのか、もし記述できるようであれば教えてください。

[poooooo]

AjaxPostをした際に、わざわざページを開かなくても、処理さえ書いておけばPHPでリクエストされたものに応じて送信するJSONを書き換えられるということを知らなくて、
そこを実装を通じて理解できた感じです。

通信の仕組みをよく理解していないことからの勘違いだと思うのですが、
サーバーサイドの処理 ＝ ページを開かないと処理されない　という漠然としたイメージが先行して、ページ遷移のないAjaxではリクエストしてもPHPの処理が実行されないと思い込んでいました。

AngularJSのAjaxPOSTに関する参考リンクは非常に助かりました。
この方法でしか実装できませんでした。
厳密にいうと、

```$postdata = file_get_contents("php://input");```
↑こちらまではうまくいくのですが、

```$request = json_decode($postdata);```
↑こちらの処理はなぜかNULLになってしまうため、自前の関数でうけとったパラメータを分解し連想配列に格納 → JSONに変換
ということをして実装しました。

[退会済みユーザー]

そもそもの Ajax の挙動を誤って認識していたということですね。
その場合、なぜ AngularJS をフロントで使用しようとしたのか、もう一度考えたほうが良いかもしれません。
http://www.publickey1.jp/blog/15/angularjsangularjsdeverlopers_summit_2015.html
個人的感想ですが、かなり尖った フレームワークだと思います。
とは言え、とりあえず、意図した挙動を得ることが出来て良かったです。
お疲れ様でした。