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

March 29, 2013,
tags: cakephp jquery


このエントリーをはてなブックマークに追加

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

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

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

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

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

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

$(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メソッド使うようにしてみました。しないとじまぐ先生にいじめられるので(´;ω;`)

comments powered by Disqus