Code IgniterとxajaxのPHPでの組み合わせ(・∀・)イイ!!

PHP, JavaScript, AJAX, CodeIgniter

00:34:36, by admin

, 257 words, 16864 views

xajaxがあったら、YUI(Yahoo! UI Library)はいいかな。

(ノ・・)ン。。。。。。(((●コロコロッ

CodeIgniterは以前話したRuby on railsライクなフレームワーク。
これにはデフォルトでAjaxフレームワークがついていない。
ということでビルトインに適したものを探していると、
xajaxというキーワードにたどり着いた。

xajaxとは？

PHPとAJAXをシームレスに取り扱うPHP＆JavaScriptライブラリ群。
AJAXを通してサーバ上のPHPの関数が使えるようなイメージで、
PHPerな人達には違和感なく利用できるだろう。
GET, POSTのリクエストに対応。

PHPの関数（メソッド）を作って、
それをAjax経由で実行し、
その結果をAjaxを通してブラウザに表示する。
ライブラリサイズも非常に小さく、
軽量フレームワークのCode Igniterにちょうど良い。

ということで組み合わせてみた。

[More:]

Code Ingniterのwikiに説明文があるのだが、
多少古いのかその通りやるとうまくいかない。
ということで初めから書いてみることにした。
以下の[root]とはCode Igniterのインストールディレクトリのことである。

まずやらなければいけないことは
Configのglobal_xss_filteringをfalseにする

$config['global_xss_filtering'] = false;

やらないと日本語ではまります。

まず、[root]ディレクトリにxajax_jsというディレクトリを作成し、
xajaxのjavascriptライブラリを置く。

[root]/xajax_js
/xajax.js

次に、[root]/system/librariesディレクトリに
xajaxというディレクトリを作成しライブラリファイルを置く。

[root]/system/libraries/xajax
/xajax.inc.php
/xajaxCompress.php
/xajaxResponse.inc.php

次に、[root]/system/initディレクトリにinit_xajax.phpを作成する。

[root]/system/init/init_xajax.php

<?php if (!defined('BASEPATH')) exit('No direct script access allowed');



if ( ! class_exists('xajax'))

{

     require_once(BASEPATH.'libraries/xajax/xajax.inc'.EXT);

}



$obj =& get_instance();

$obj->xajax = new xajax();

$obj->ci_is_loaded[] = 'xajax';



?>

最後はコントローラとビューを設置し呼び出す。

view
<html> <head> <title>Welcome to Code Igniter</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <?=$xajax_js?> </head> <body> <?=$content ?> </body> </html>

Controller
<?php class Test extends controller { /* * xajax */ function xajax() { function test_function($number) { $objResponse = new xajaxResponse(); $objResponse->addAssign("SomeElementId","innerHTML", "Xjax is working. Lets add: ".($number+3)); return $objResponse->getXML(); } $this->load->library('xajax'); $this->xajax->registerFunction("test_function"); $this->xajax->processRequests(); $template['xajax_js'] = $this->xajax->getjavascript(null, '/xajax_js/xajax.js'); $template['content'] = '<div id="SomeElementId"></div><input type="button" value="test" onclick="xajax_test_function(2);">a'; $this->load->view('test/xajax', $template); } } ?>

結果には”test”というボタンがあって、
内容を押すと２＋３の結果が表示されるという簡単なもの。
ただ、これほど簡単な実装でAjaxを利用できるのはかなり珍しい。
最初から実装を謳っているものでも、
面倒くさいものも中にはある。

試しにこんなものを作ってみた。
追証計算機
http://asset.dozo.st/log/Foreign-Exchange/eid72.html