jQuery・Javascript jQueryを使った小技やAjax非同期通信などについて

jQuery非同期通信でPHPから値を受け取る – 初歩の初歩の初歩

2014年8月18日
この記事は掲載から955日経過しています。
情報が古い可能性が有りますのでご了承下さい

昔CGI(Perl)で掲示板なんか作って勉強していたときに、初歩的な掲示板が作れたら、後はそれに肉付けすれば何でも作れるはずだと理解しました。非同期通信に関しても、ユーザーアクションなどをトリガーにPHPと通信を行い、コールバックを受け取るという極々シンプルな事を理解すれば、後は肉付けをしていけばいいのだと思います。

サンプル 1

http://studio-key.com/Sample/jquery/10/01.html

送信された値に現在日時をくっつけたものを受け取ります。

javascript

PHP

非同期通信にも色々なオプションがあったりしますが、先ずはこういうものなのだと覚えた方が楽です。難しい事は後から覚えられますし。

フォームの値をPHPに渡す

特殊な処理をしないのであれば、このようにシリアライズしてしまうことで$_POST[‘str’]といった、PHPでPOSTしたときと同じように受け取れます。

サンプル2

http://studio-key.com/Sample/jquery/10/02.html

じゃあメールフォームはどうするの?って事で、サンプル1でフォームに入力した値をPHPに渡す事が出来ているので、PHP側でsendmail処理すればいいだけです。

javascript

PHP

送信がちゃんと成されたかどうかを戻してやり、それに応じて次の処理を行うだけです。サンプルは <div id=”contents”> の中のHTMLを送信完了メッセージで書き変えて終了です。

つまり

PHPだjQueryだなんて難しい事は置いておき

1) ボタンを押したらPHPに変数を渡し
2) それを処理したものを受け取り
3) それに応じて処理する

という事を理解していれば、後はその応用になってきます。

例えば、送信された値をデータベースに記録し、問題が無ければ登録した旨のメールを返信し、問題無かったよ!という印を戻してやればいいって事です。

もちろん、サニタイズやPHPに直撃食らうような攻撃に対する処理とか、色々な処理を行うのは当然です。それらはこれに肉付けしていけばいいだけなので、先ずはこの基本的な事を理解してしまえば、あとはスムーズに書けるんじゃないかと思います。

  • このエントリーをはてなブックマークに追加
  • LINEで送る

このカテゴリーのその他の記事

PAGE TOP