我想创建一个有两列的页面:
|制作披萨的表格|推荐的披萨|
当您使用左栏的表单创建披萨时,右侧的栏开始建议您可以根据左侧的自定义订购不同类型的披萨。
我发现的所有教程都将部分内容的重新加载绑定(bind)到表单提交,但是,我希望每次输入模糊或选择更改时部分内容都会重新加载。
有没有一种简单的方法可以用 Rails 来做到这一点?
我只想获取未提交的 @pizza
对象,并在每次发生模糊事件时将其发送到局部...
最佳答案
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,无论您想调用什么事件,您都可以轻松调用它,当您调用相应的方法时,它会分别更新部分文件
关于javascript - Rails AJAX 部分无需提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26105442/