Jsヘルパーを使用してAjax更新
更新処理でページ遷移を伴う場合、ページ全体をレスポンスするのに対して、Ajax処理ではページの一部のレスポンスが可能となるためサーバからの通信量を抑えることが可能となります。
Jsヘルパーを使用して、簡単なサンプルを作成しました。(デモ)
[追] 2.2版でも作成しましたので参照ください。(こちら)
head
JQuery本体をロードして下さい。
<?php // jQuery echo $html->script( 'jquery.min.js', array( 'inline' => 'false')); // Jsヘルパーが生成するJSを出力させる echo $this->Js->writeBuffer( array( 'inline' => 'true')); ?>
ビュー (View)
// app/views/ajax/dispajaxupdate.ctp <?php echo $form->create( 'Testtable', array( 'type'=>'post')); echo $form->text( 'data'); echo $this->Js->submit( 'Update', array( 'url'=>'ajax/ajaxupdate', 'update'=>'#result-ajaxupdate')); echo $form->end(); ?> <div id="result-ajaxupdate"></div>
'url' ... Ajax処理で呼び出すURL(controller/action)
'update' ... ajax更新の結果を出力する要素
コントローラ (Controller)
// [app/controllers/ajax_controller.php] <?php class AjaxController extends AppController { var $name = 'Ajax'; var $uses = array( 'Testtable'); var $helpers = array( 'Js'); function dispajaxupdate(){} function ajaxupdate(){ // Ajax or not if (!$this->RequestHandler->isAjax()){ $this->redirect( 'ajax/dispajaxupdate'); } // save OK if ($this->Testtable->save( $this->data)) { $this->render( '/elements/ajax/ajaxupdated', 'ajax'); // save NG } else { $this->set( 'valerror', $this->Testtable->validationErrors); $this->render( '/elements/ajax/ajaxupdated', 'ajax'); } } } ?>
(Ajaxという名前でなくてもいいです。)
$this->RequestHandler->isAjax()
Ajaxかどうかを判定します。urlに'ajax/ajaxupdate'と手入力してアクセスした場合は、'ajax/dispajaxupdate'へリダイレクトされます。
エレメント (Ajax処理の結果を返す)
// app/views/elements/ajax/ajaxupdated.ctp <?php if (!empty( $valerror['data'])){ echo $valerror['data']; } else { echo h( $this->data['Testtable']['data']); } ?>
モデル (Model)
// app/models/testtable.php <?php class Testtable extends AppModel { var $name = 'Testtable'; var $useTable = 'testtables'; var $validate = array( 'data' => array( 'maxlength' => array( 'rule' => array( 'maxlength',255), 'message' => 'text is too long'), 'notempty' => array( 'rule' => array( 'notempty'), 'message' => 'Enter text'), ), ); } ?>
関連記事
-
CakePHP 1.3 インストール
使い古されている手ではありますが、表題の件とレンタルサーバへの配置方法などにも使えますので参考にしていただけたらと思います。 まずはレンタルサーバでCakePHPを動作させる CakePHPア
-
Secutiryユーティリティ
CakePHPでは、データのハッシュ化もしくは暗号化のためのメソッドSecurityユーティリティが用意されています。 ソース: /cake/libs/security.php Security:
-
ログローテーション
CakePHP1.3では標準ではログはタイプごとに出力されるだけで、定期的なローテーションを行ってくれません。放っておくとひたすら1つのファイルにアペンドされていきます。app/tmp/logs以下に
-
複数ファイルアップロード
CakePHPで複数ファイルのアップロードについて調べてみました。といっても普通のPHPのコードと同じではありますが、postするフィールド名に[]を付与して配列にします。 view
-
ビルトインされたバリデーションルール
CakePHP標準で多くのバリデーションルールが搭載されています。 ソース:/cake/libs/validation.php email / maxLength / minLength /
-
validateErrors と validationErrors
CakePHP試験中に気付いたことがあって、メモです。 $this->validateErrors自身バリデーション処理している 今まで、save時にバリデーションエラーメッセージををログに出力し
-
メール送信(qdmail)
CakePHP(+qdmail)でメール送信する処理を実装しました。 準備 2つのライブラリ(.php)をダウンロードし、以下のように配置して下さい。 app/controllers/compo
-
recursive設定によるfind()性能改善
CakePHPでは、モデルにアソシエーションを設定している場合、recursive(=>joinする階層)はデフォルトで0に設定されています。「recursiveゼロ」の意味するところとは、「1跨ぎま
-
複数データベースの追加と切替
CakePHPで複数のデータベースに切替を行うということがあると思います。(個人的にはあまりない) 今回、CakePHPからWordpressのデータベースへの接続を行う機会があったので設定を試して
-
Debugkitをインストール
CakePHPのデバッグツールとしてはデファクトスタンダードといってもいいDebugkitをインストールしました。 ダウンロード CakePHP 1.3用 https://github.com