cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。その３(修正版)

前に書いた記事以下の二つの修正内容になります。
「cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。その２(修正版)」
「cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。」

このネタに関して書いた事もすっかり忘れている今日この頃です。
最近はnode.jsとかAlloyが楽しくて仕方ありません。まあそんなにAlloy触れてないんですけどねw

でもまあしばらくはcakephpから離れていました。
一応業務ではPHP使っていますが、もう１年ぐらい仕事としてcakephp使っていません。むしろもう2.3とか出てるんですね！！って驚くレベルです。
ヘルパーの呼び出し方も忘れるぐらいの糞です。ごめんなさい。まじごめんなさい。

で、今日も疲れたなーと思いながら帰宅してtwitterみてたら、こんな素敵な突っ込みがwwwww

古い記事に恐縮ですが、http://t.co/vxk2PtcLPZ　みたいにフォーム内容をserializeしたらスマートではないでしょうか。 @polidog cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。その２(修正版)
— DQNEO (@DQNEO) March 28, 2013

やっぱり技術系なブログ書いてるとみなさんからの反応気になるし、こういう指摘はうれしい物ですw
むしろ@DQNEOさんに突っ込まれるってのが光栄ですね。

ってことで、糞PHPerな僕は修正したコードを書いてみました。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21


$(function(){

  $('form').on('submit',function(){
    event.preventDefault();
    event.stopPropagation();

    $.post('/pages/ajaxtest',$(this).serialize(),function(event){
      console.log(event);
    })

  });

});
<?php $this->Html->scriptEnd()?>
<?php echo $this->Form->create('Post');?>
<?php echo $this->Form->input('title');?>
<?php echo $this->Form->input('name');?>
<?php echo $this->Form->input('description');?>
<?php echo $this->Form->select('selectlist', array('a' => 'あ','b' => 'う'));?>
<?php echo $this->Form->select('selectlist_m', array(  'a' => 'あ','b' => 'う'),array('multiple' => 'multiple'));?>
<?php echo $this->Form->end('登録');?>

やったね！糞コードが短くなりましたね！！！
てか何気にJQueryのserializeとか知ったの割と最近です。転職してからJQuery良く使うようになってそれからですw
ちなみにサンプルコードにはちゃんとJQueryのonメソッド使うようにしてみました。しないとじまぐ先生にいじめられるので(´；ω；`)

カテゴリ