jquery-ujs.js（rails.js）便利だよって話

jquery-ujs.sample.md

jquery-ujs.js（rails.js）便利だよって話

自前でやる場合

JavaScript でクリックのイベント処理とか GET 以外ならトークンを含めるとか全部やらないといけないから面倒くさい

HTML

<a href="/some_action" class="some-action">some action</a>

Javascript

$('a.some-action').live('click', function(event) {
  event.preventDefault();
  var self = $(this);
  var url = self.attr('href');
  var csrf_token = $('meta[name=csrf-token]').attr('content');
  $.ajax({url: url, type: 'POST', data: {authenticity_token: csrf_token}})
    .success(function() {
      // 成功時の後処理
    })
    .error(function() {
      // 失敗時の後処理
    });
});

jquery-ujs.js に乗っかる場合

クリックのイベント処理とかトークンを含めるとか自分でやらなくても良い感じに処理してくれる

HTML

<a href="/some_action" class="some-action" data-remote="true" data-method="post">some action</a>

JavaScript

$('a.some-action').live('ajax:success', function() {
  // 成功時の後処理
}).live('ajax:error', function() {
  // 失敗時の後処理
});