Rails 4 ajax 将部分加载到视图中

Question

有办法从按钮动态输入吗？示例：

这是表格：

    <%= form_for(@order) do |f| %>

。 ...

  <div class="field">
    <%= f.label :productlist %><br>
    <%= f.select :productlist, @products, :prompt => 'Select one!' %>
    <%= link_to 'Add More', '#', id: 'products-link' %>
  </div>
  <div id="newproduct">
    <p>load here the new input on Add more link</p>
  </div>
  <div class="field">
    <%= f.label :status %><br>
    <%= f.text_field :status %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

所以我想到了 ajax 以及一种将部分输入加载到表单中的方法，但我不理解执行此操作的正确方法。

谢谢

Answer 1

在您的 javascript 文件中添加：

  $("a#products-link").click(function(){
    $.get('/partials/products_form', function(data){
      $("div#newproduct").append(data);
    }, 'html');
  });

基本上发生的事情是您将通过 ajax 向 /partials/products_form 中的表单或您选择保留表单部分的任何地方发送 get 请求。然后此 html 将附加到您在本例中选择的任何 div/identifier div#newproduct.

Rails 4 ajax 将部分加载到视图中

Rails 4 ajax load partial into view

ruby

ajax

ruby-on-rails

partial

ruby-on-rails-4