23.md—/Users/yasuhiko/Desktop/06

23 削除処理をAjax化する(2)

  • 一覧(index.ctp)を書き換える -- (postLink ではなく、通常のリンクに)
echo $this->Html->link('削除', '#', array('class'=>'delete', 'data-post-id'=>$post['Post']['id']));
  • Script の記述
<script>
$(function() {
    $('a.delete').click(function(e) {
        if (confirm('sure?')) {
            $.post('/blog/posts/delete/'+$(this).data('post-id'), {}, function(res) {
                $('#post_'+res.id).fadeOut();
            }, "json");
        }
        return false;
    });
});
</script>

PAGE TOP



< 前へ  <<目次に戻る  次へ >