Suse 11.2

Como Actualizar un Div con Ajax y CakePHP 1.2

Empezaré suponiendo que tienes nociones básicas sobre CakePHP1.2 y sabes hacer de perdida un CRUD.

Agregar las librerías javascript

Cakephp tiene una buena integración con las librerías javascript de prototype y scriptaculous, las cuales debemos descargarlas primero desde la pagina de descarga de scriptaculous y la de descargas de prototype, la de prototype es un archivo js. Renombrar a prototype.js y ponlo en “app/webroot/js”.

La librería de scriptaculous es un archivo .zip que contiene una carpeta src que a su vez contiene muchos archivos js los cuales debemos copiar y ponerlos también en la app/webroot/js.

Añadir los helpers javascript y ajax al controlador

Ahora necesitamos agregar los helpers de javascript y de ajax. Una opcion es agregarlos a cada controlador a como la vayamos necesitando o agregarlos al app_controller para que estén disponibles en todos los controladores.

class AppController extends Controller {
var $helpers = array('Html','Form','Javascript','Ajax');
 
}
<h3>Vistas</h3>
Cada vista que sue javascript debemos añadirle las siguientes etiquetas
<?php
echo $javascript->link('prototype');
echo $javascript->link('scriptaculous');
?>
<h2>Ajax 3 - testing ajax link and button</h2>
<?php
        $link_array1 = array('controller'=>'tweets' ,'action'=>'simple_ajax1_fcn');
		//the function to execute: function ajaxfcn1 in controller tests
        $link_array2 = array( 'update' => 'divout');
 
       echo ($ajax->link('this an ajax link', $link_array1,$link_array2));
        echo "<br/><br/>";
?>
 
<br/>
<div id="divout">
the div to update
</div>

Controlador

<?php
class TweetsController extends AppController {
 
        var $name = 'Tweets';
        var $uses = array();            // prevent cake from looking for a database model
		var $helpers = array('Html','Ajax','Javascript');
        function index() {
 
        }
        function simple_ajax1_fcn() {
                $this->autoRender = false;
                echo "text from ajax call";
        }
}?>

Talvez te interese leer

3 comments to Como Actualizar un Div con Ajax y CakePHP 1.2

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">