渲染表格部分从阿贾克斯在轨

Question

我有一个表格，如下图：

然后我想呈现来自AJAX调用此部分：从.js.erb。但我不知道如何从部分传递对象到f。见下图：

如何传递对象到f：

Answer 1

添加:remote => true它使按钮异步（Ajax调用）。

index.html.erb

<%= link_to "Add Journal", new_journal_path, remote: true, class: 'new_journal_button'%> 

new.js.erb

$('.new_journal_button').after("<%= j render('form') %>"); 
$('.new_journal_button').hide(); 

如果你想提交表单异步（Ajax调用）

_form.html.erb

<%= form_for(@journal, remote: true) do |f| %> 
    <div class="field"> 
    <%= f.label "journal" %><br> 
    <%= f.text_field :title, placeholder: 'Journal', autofocus: true, 'data-behavior' => 'submit_on_enter' %> 
    </div> 
<% end %> 

Journals_controller.rb

def index 
    @journal = Journal.new 
    @journals = Journal.all 
    end 

    def create 
    @journal = Journal.new(journal_params) 
    respond_to do |format| 
     if @journal.save 
     format.html { redirect_to @journal, notice: 'Journal was successfully created.' } 
     format.js 
     else 
     format.html { render :new } 
     end 
    end 
    end