cakephp2.6.4でお気に入り機能をAjaxにしたい

お世話になっております。
cakephpでお気に入り機能を実装したのですが、
「お気に入り」ボタンを押すと単純にお気に入りされるように現在なっております。
「お気に入り」を押すと、「お気に入りからはずす」に表示が変わり、クリックすると
お気に入りから削除されるようにしたいです。
javascriptでコードを記述したいのですが、どのようにコードを書けばいいのかわかりません。ご教授いただけたら助かります。
よろしくお願いいたします。

view.ctp
<!-- お気に入り -->
<?php echo $this->Form->create('Favorite', array('action'=>'add')); ?>
<?php echo $this->Form->input('Favorite.product_id', array('type'=>'hidden', 'value'=>$product['Product']['id'])); ?>
<?php echo $this->Form->input('Favorite.product_name', array('type'=>'hidden', 'value'=>$product['Product']['product_name'])); ?>
<?php echo $this->Form->end('お気に入り'); ?>

FavortitesController.php
	// お気に入り追加
	public function add(){
		
		if ($this->request->is('post')) {
			$this->request->data['Favorite']['username'] = $this->Auth->user('username');
			$this->request->data['Favorite']['user_id'] = $this->Auth->user('id');
			if ($this->Favorite->save($this->request->data)) {
				$this->Session->setFlash('お気に入りしました。');
				$this->redirect(array('controller'=>'products', 'action'=>'view', $this->data['Favorite']['product_id']));
			} else {
				$this->Session->setFlash('お気に入りできませんでした。');
				$this->redirect(array('controller'=>'products', 'action'=>'view', $this->data['Favorite']['product_id']));
			}
		}
	}