Jsヘルパーを使ってAjaxしてみる

February 7, 2011,
tags: cakephp jsヘルパー php


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

cakePHPになってからajaxヘルパーからHtmlとJsヘルパーを使う方向になったと思うんですが、なかなか試す機会がなかったです。
ajaxヘルパーすらあまり使っていませんでしたが・・・w

Jsヘルパーつかって普通にAjaxでリストをとってくる場合はこんな間じです。
(※Hogeコントローラのindexメソッドから一覧データを取得してくる場合を想定)
hoge_controller.php

class HogeController extends AppController {

	var $name = 'Hoge';
	var $helpers = array('Form', 'Js'=>array('jquery') );

	function index() {
		$this->Hoge->recursive = 0;
		$this->set('hoges', $this->paginate());
	}

	function test() {
	}
}

test.ctp

<?php
	$this->Html->script('jquery',array('inline'=>false));

	$this->Js->get('#btn');
	$request = $this->Js->request(
		array(
			'action' => 'index',
			'controller' => 'hoge'
		),
		array(
			'method' => 'get',
			'sync' => true,
			'update' => '#data',
			'success' => "alert('get data!!!');"
		)
	);
	$this->Js->event('click',$request);
	echo $this->Js->writeBuffer(array('inline'=>false));
?>

<div>
<div id="data"></div>
<input id="btn" type="button" value="取得" />

</div>

意外と気持ちよくかけるなーとおもいますw
ほかにもいろいろなメソッドあるんで、「JqueryEngineHelper」クラスをレビューしてみるとよいかと思います。
ちなみに「jQuery.upload」とか使えるかなーとかおもったんですが、Jsヘルパーじゃ無理っぽいです。やれないことはないと思いますが・・・。

comments powered by Disqus