CodeIgniter

CodeIgniterでXajaxを使う bookmark

CodeIgniterのインストールは、

日本CodeIgniterユーザ会 - オープンソースPHPフレームワーク
http://www.codeigniter.jp/

あたりのドキュメントを参考にして、済ませておく。で、チュートリアルを実際にやってみて様子を見る。

使うための手順 bookmark

Xajaxのモジュールコードを入手する
xajax PHP Class Library- The easiest way to develop asynchronous Ajax applications with PHP
http://www.xajaxproject.org/
入手したコードを配置する
入手したファイルを解凍する。
xajax_jsは、[ROOT]にフォルダごとコピーする。
xajax_coreは、[ROOT]/system/application/libraries に中身をコピーする。
使用するために手を入れる
[ROOT]/system/application/libraries にコピーした、xajax.inc.php をxajax.php にリネームする。

動作確認 bookmark

動作確認用サンプルコード。動作確認のためのサンプルをできるだけ単純にするため、Controller のみです。

<?php
class Test extends Controller {
	// コンストラクタ
	function Test() {
		parent::Controller();
		// urlヘルパ
		$this -> load -> helper( 'url' ); 
		// フォームヘルパ
		$this -> load -> helper( 'form' );
	}

function index() {

$this->load->library('xajax');	// xajaxライブラリを読み込む

// 関数定義
		$this->xajax->register(XAJAX_FUNCTION, array(&$this, 'func'));
		$this->xajax->register(XAJAX_FUNCTION, array(&$this, 'test_function'));
		$this->xajax->register(XAJAX_FUNCTION, array(&$this, 'inout_txt'));

// おまじない
		$this->xajax->processRequest();

// Javascript出力
		echo $this->xajax->getJavascript(base_url());

// 時刻
		$js = 'onClick="xajax_func();"';
		echo form_button('name','時刻を表示', $js);
		echo '<div id="mydiv"></div>';

// 引数で渡し計算する
		$js = 'onClick="xajax_test_function(2);"';
		echo form_button('name','結果を表示', $js);
		echo '<div id="mydiv1"></div>';

// テキストボックスの値を表示
		echo '<form id = "form1"> 
<div><input type="hidden" name="encode_hint" value="ぷ" /></div>';
		echo form_input('text1', 'text1');
		echo form_input('text2', 'text2');

$js = 'onclick="xajax_inout_txt(xajax.getFormValues(form1)); return false;"';
//		echo form_button('name','Calculate', $js);
		echo form_submit('mysubmit', 'Calculate', $js);
		echo '</form>';
		echo '<div id="mydiv2"></div>';

}

// 時刻を返す
	function func() {
		$xr = new xajaxResponse;
		$xr->assign('mydiv', 'innerHTML', date('H:i:s'));
		return $xr;
	}

// 引数で計算する
	function test_function($number) {
		$xr = new xajaxResponse;
		$xr->assign('mydiv1','innerHTML', 'Xjax is working. Lets add: '.$number.' + '.'6 = '.($number+6));
		return $xr;
	}

// テキストボックスの値を受け取って表示する
	function inout_txt($formValues){
		$input = "text1 =".$formValues['text1']."<br />text2 =". $formValues['text2'];

//結果を id = "result" のオブジェクトのvalueに格納する。
		$xr = new xajaxResponse();
		$xr->assign("mydiv2", "innerHTML", $input);

return $xr;
}

}
?>

トップページ

CodeIgniter

CodeIgniter

CodeIgniterでXajaxを使う bookmark

使うための手順 bookmark

動作確認 bookmark

MainMENU bookmark

関連サイト bookmark

最新の20件