cakephp2系　非同期通信にて取得した値をリアルタイムに表示させたい。

前提・実現したいこと

非同期通信にて取得した値をDBに登録し、送信後の値をリアルタイムに表示させたい。

発生している問題・エラーメッセージ

非同期通信にてモーダルを閉じる処理、次の動画を呼び出す処理及びDBにデータを保存するまでは実行できましたが、送信後の値(afterP)が送信前(beforeP)の値となってしまう。
手動でブラウザのリロードを行うと送信後の値(afterP)を取得できるが、元の動画に戻ってしまう。

dataType:"json"にすると送信時にアラートが表示
Error : SyntaxError: Unexpected end of JSON inputが出てしまい次に進みません。
index.ctpのJSON.encodeと JSON.parseを外すと上記エラーは出ませんが、videosの値をjsファイルに渡す方法がわからず外せていません。

該当のソースコード

Point.php
class Point extends AppModel {    
    public function sumByUserId($userId) {
    $data = $this->find('all',
        array(
            'conditions'=> array('user_id' => $userId),
            'fields'    => array('sum(point) as sumPoints'),
        )
    );
    return $data['0']['0']['sumPoints'];
    }
}

PointsController
他のコード省略
public function beforeFilter() {
    parent::beforeFilter();
      $userId = $this->Auth->user('id');
        $beforeP = $this->Point->sumByUserId($userId);
        $this->set(compact('beforeP'));
}

public function index() {
    $this->set('videos', $this->Video->find('all'));
}

public function addPoint() {
        if (!$this->request->is('ajax')) {
            throw new BadRequestException();
        }
        $userId = $this->Auth->user('id');
        $data = array(
            'Point' => array(
                'user_id' => $this->Auth->user('id'),
                'point' => $this->request->data['point'],
            )
        );
        $this->Point->create();
        $this->Point->save($data);

        $afterP = $this->Point->sumByUserId($userId);
        $this->viewClass = 'json';
        $this->set(compact('afterP'));
        $this->set('_serialize', array('afterP'));
    //$this->set('_serialize',(res));のまま使ってしまい気付ずこの時間になってしまいました。
        }

point.js
他のコード省略
$(".send").on("click",function(){
    $.ajax({
    type: "POST",
    url: "/aaa/bbb/addPoint",
    dataType: "json", //やっとjsonで動きました！有難うございます。
    data: {
    "point": point
        },
    success: function(res) {
      //モーダルを閉じる処理;
      //次の動画を呼び出す処理;
      $('#sumPoints').text(res.afterP);
      },
      error: function(XMLHttpRequest, textStatus, errorThrown) {
    alert('Error : ' + errorThrown);
      }
   });
   return false;
   }
});

index.ctp
他のコード省略
<p>送信前：<?php echo $beforeP; ?> pt</p>
<p>送信後：<span id="sumPoint"></span> pt</p>

<?php
function json_safe_encode($data){
    return json_encode($data, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT);
}

$videos = json_safe_encode($videos);
//$afterP = json_safe_encode($afterP);(削除)
 ?>

<script>
var videos = JSON.parse('<?php echo $videos; ?>');
//var afterP = JSON.parse('<?php echo $afterP; ?>');(削除)
</script>

補足情報(言語/FW/ツール等のバージョンなど)

より詳細な情報
XAMPP 5.6.14-0   
cakephp-2.7.8   
jquery 1.11.0 
10.0.17-MariaDB