Rails AJAX部分，无需提交表单

Question

我想创建一个包含两列的页面：

| 制作披萨的表格| 建议的披萨|

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

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

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

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

Answer 1

调节器

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，无论您要调用什么事件，都可以轻松调用它，当您调用相应的方法时，它将分别更新部分文件

Answer 2

我想你给了自己答案。 只需将事件侦听器附加到表单上的keyup并通过ajax提交即可。

$('form').on('blur', function() {
  // submit ajax and do something with the response here
});