Rails 前端思想

#= jquery-ujs

<a href="..." data-remote="true" data-method="delete">Delete this entry</a>

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

$(document).on 'click', '[data-alert]', ->
  alert($(this).data('alert'))

<a data-alert="Message">Show message</a>

<h1>All messages:</h1>
<%# renders messages/_message.html.erb %>
<%= render @messages %>

<% form_for @project.messages.new, remote: true do |form| %>
  ...
  <%= form.submit "Send message" %>
<% end %>

class MessagesController < ActionController::Base
  def create
    @message = @project.messages.create!(message_params)

    respond_to do |format|
      format.html { redirect_to @message } # no js fallback
      format.js   # just renders messages/create.js.erb
    end
  end
end

<%# renders messages/_message.html.erb %>
$('#messages').prepend('<%=j render @message %>');
$('#<%= dom_id @message %>').highlight();

#= require jquery
#= require jquery_ujs

Rails.application.config.assets.precompile += ['admin.js', 'admin.css', 'swfObject.js']