Ajax.md

Ajax View

A CakePHP view class to make working with AJAX a bit easier.

Configs

First enable JSON extensions if you want to use json extension. You can either use the included bootstrap file, or add the snippet manually to your own one:

Router::extensions(['json']);

Usage

Using the json extension you can then access your action through the following URL:

/controller/action.json

You can enable the AjaxView class it in your actions like so:

// new
$this->viewBuilder->setClassName('Ajax.Ajax');

// old
$this->viewClass = 'Ajax.Ajax';

Using the AjaxComponent you can save yourself that call, as it can auto-detect AJAX request.

Basic view rendering

Instead of GET we request it via AJAX:

public function favorites() {
	$this->request->allowMethod('ajax');
	$this->viewClass = 'Ajax.Ajax'; // Only necessary without the Ajax component
}

The result can be this, for example:

{
	"content": [Result of our rendered favorites.ctp as HTML string],
	"error": ''
}

You can add more data to the response object via _serialize.

Drop down selections

public function statesAjax() {
	$this->request->allowMethod('ajax');
	$id = $this->request->query('id');
	if (!$id) {
		throw new NotFoundException();
	}

	$this->viewClass = 'Ajax.Ajax'; // Only necessary without the Ajax component

	$states = $this->States->getListByCountry($id);
	$this->set(compact('states'));
}

Tips

I found the following quite useful for your jQuery AJAX code as some browsers might not properly work without it (at least for me it used to).

beforeSend: function(xhr) {
	xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
},