javascript - Rails AJAX 部分无需提交表单

Question

我想创建一个有两列的页面:

|制作披萨的表格|推荐的披萨|

当您使用左栏的表单创建披萨时，右侧的栏开始建议您可以根据左侧的自定义订购不同类型的披萨。

我发现的所有教程都将部分内容的重新加载绑定(bind)到表单提交，但是，我希望每次输入模糊或选择更改时部分内容都会重新加载。

有没有一种简单的方法可以用 Rails 来做到这一点？

我只想获取未提交的 @pizza 对象，并在每次发生模糊事件时将其发送到局部...

Answer 1

Controller

def my_pizza
  @pizza = Pizza.all
  respond_to do |format|
    format.js
  end
end

查看

my_pizza.js.haml

$('#pizza').html('#{j render(partial: 'pizzas/piza', collection: @pizzs)}');

路线

get 'pizza' => "pizza#my_pizza"

js文件内部

$(document).on('change', 'input', function() {
  // you can create your ajax call which will call the my_pizza method in which action you want to call. 
});

您可以添加ajax，无论您想调用什么事件，您都可以轻松调用它，当您调用相应的方法时，它会分别更新部分文件