Usare librerie Ajax nel framework php Codeigniter

Sabato, Aprile 5, 2008 18:46 scritto da neryo

Postato in Ajax, Framework, Javascript, RAD, Sviluppo applicazioni

Usare librerie Ajax nel framework php Codeigniter

In questo post del blog vediamo come integrare facilmente nelle nostre applicazioni script ajax utilizzando sempre il framework php codeigniter. Il pacchetto scaricabile da qui, “Ajax for Codeigniter” ci permette di fornire funzionalitá ajax nelle nostre applicazioni web, utilizzando semplicemente degli helpers che includono le librerie ajax, in particolare potremmo utilizzare le librerie prototype e scriptaculous.

Vediamo in pochi passi come configurare il framework, poi per i dettagli di utilizzo fate riferimento alla guida all’interno del pacchetto.

Scompattare il pacchetto “ajax for codeigniter” scaricato e inserire il file Ajax.php nella cartella di default delle librerie:

www-root/system/libraries/

Inserire i file javascript nella root directory del web server, che potrebbe essere ad esempio:

www-root/javascript/

Se nel web server avete il mod_rewrite abilitato, accertatevi che la cartella javascript sia accessibile, inserendo questo file .htaccess:

RewriteEngine on
RewriteCond $1 !^(index\.php|images|stylesheets|<strong>javascript</strong>)
RewriteRule ^(.*)$ /index.php/$1 [L]

Ora semplicemente potete includere i file javascript che volete utilizzare nei vostri files html:

<script src="javascript/prototype.js" type="text/javascript"></script>
<script src="javascript/effects.js" type="text/javascript"></script>
<script src="javascript/dragdrop.js" type="text/javascript"></script>
<script src="javascript/controls.js" type="text/javascript"></script>

In fine, per caricare la libreria AJAX si procede come qualsiasi altra libreria di Codeigniter, o si carica direttamente dentro il Controller dove si vuole utilizzarla:

$this->load->library(‘ajax’);

Oppure é possibile caricarla automaticamente attraverso l’autoload delle librerie, inserendola nel vettore della variabile incaricata nel file system/application/config/autoload.php:

$autoload[‘libraries’] = array(‘database’, ’session’, ‘<strong>ajax</strong>’);

Ora tutto quello che dobbiamo fare per usare l’AJAX helper é chiamare $this->ajax. Ad esempio:

echo $this->ajax->link_to_remote("Login", array(‘url’ => ‘/login’, ‘update’ => ‘divblock’));

Per testarne il funzionamento mi sono fatto una piccola pagina di test dove dopo aver caricato nel Controller la libreria ajax, come abbiamo visto precedentemente, nella vista ho inserito un div su cui attraverso un link posso applicare un effetto di fade:

<div id="my_text" style="border: 1px solid #CCC">
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc non orci. Donec enim. Fusce eget libero. Nam semper malesuada lacus.
</div>
< ? echo $this->ajax->link_to_function("test ajax Fade","Effect.Fade(’my_text’)"); ?>