【php】Macでapache環境を整え、phpでフォームの値を受け取るまで
【今回の紹介】
タイトルの通り、
【内容】
■メモ
①リクエストで値をサーバに渡す「submit」をする際、必ずしも「submitボタン」を使わなくてもいい
常識なのかもしれませんが、改めて学びました。
例えば、参考ソースにあるように
a.通常のボタンにクリックイベントとして、submitを入れる
→とりとめて、ボタンのタイプにsubmitを書かなくてよい
b.セレクトボタンの変更イベントでsubmitする
→ボタン以外からも、submitできる
※Ajaxで画面の部分更新することが多いため、あまり現実的ではないですが、、
②window.onload とjQury(document).ready の違い
初期処理の処理をコーディングするときにどちらを書こうか(どちらにどのような意味があるのかわかなかったため)、迷っていたので調べました
a. window.onload
→ブラウザがHTMLをdomツリーに変換する処理はもちろん、外部のイメージ(画像・動画・flash)など、の読み込みまでまってから実行する
b.jQuery(document).readyまたはjQuery(function() {)
→ブラウザがHTMLをdomツリーに変換する処理が終わったら、処理実行する。つまり、ready、(jQuery(function() の方が、
外部イメージ以外の部分が素早く整うため、ユーザのストレスが少ないということ、らしい!!
■参考ソース
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> //Jqueryのサブミット $(document).ready(function(){ // $('#button1').click(function(){ // $('#form1').submit(); // }); }); </script> <h1>リクエスト</h1> <form id="form1" action="./test.php" method="POST"> <span>name</span><input type='text' id='name' name='name'></input> <span>id</span><input type='text' id='id' name='id'></input> <span>tel</span><input type='text' id='tel1' name='tel[]'></input> <span>tel</span><input type='text' id='tel2' name='tel[]'></input> <span>tel</span><input type='text' id='tel3' name='tel[]'></input> <input type='submit' id='button1' value='送信'></input> </form> <form id="form2" action="./test.php" method="POST"> <select name="select" onchange="submit(this.form)"> <option value=""></option> <option value="option1">option1</option> <option value="option2">option2</option> <option value="option3">option3</option> </form> </body> </html>
<?php echo htmlspecialchars($_POST['name']); ?> <?php echo htmlspecialchars($_POST['select']); ?> <?php $work=$_POST['tel']; print_r($work); ?>