simple ajax example with cakephp 2.3.0

There's not much difference to using CakePHP with Ajax than with regular HTML/PHP and Ajax.

Here's an example of an ajax call and response in a Cake APP:

jQuery:

$.ajax({    url: '/types/fetch/original',    cache: false,    type: 'GET',    dataType: 'HTML',    success: function (data) {        $('#context').html(data);    }});

(Don't forget to change the url parameter to match your setup).

This will make an ajax request to your Types controller and call the method fetch() with the parameter 'original'.

Your TypesController would look something like this:

class TypesController extends AppController {    public $components = array(        'RequestHandler'    );    public function fetch($type) {        $data = $this->Type->find('all', array(            'conditions'=>array(                'Type.type'=>$type            )        );        $this->set('data', $data);    }}

Adding the RequestHandler component means Cake will automatically use the minimal Ajax layout when rendering your Ajax requests. Usually this is added in AppController so all Controllers can use it.

And the associated view:

/app/View/Types/fetch.ctp

<ul>    <?php foreach($data as $item): ?>    <li><?php echo $item['Type']['name']; ?></li>    <?php endforeach; ?></ul>

See below example:

         $.ajax({            dataType: "html",            type: "POST",            evalScripts: true,            url: '<?php echo Router::url(array('controller'=>'your-controller','action'=>'your-action'));?>',            data: ({type:'original'}),            success: function (data, textStatus){                $("#div1").html(data);            }        });

I just started myself with cakePHP and Ajax, but from what I gathered so far this seems the easier approach.In your view use:

echo $this->Js->link(    'Original',    '#',    array('async' => true,          'update' => 'content',                  'id' => 'remanufactured-link'        ));<div id="content"></div>

Which implies a few things about the controller you are calling this view from (e.g. the index action will be invoked by clicking the link etc...).