Question

我的表格中有一个动作 1）从列表框中选择产品 2）调用远程控制器操作，该操作返回该产品在不同仓库中可用的项目数

这是使用link_to与：remote =＆gt;完成的。真

  <div id="products"></div>
  <%= link_to 'Search product', "#", class: 'get_product', :remote => true %>

然后有一个javascript

$('form').on('click', '.get_product', function(event) {
    var url;
    url='/recipes/get_product_list';
    url += '/' + $('#recipe_product_id').val();
    $.get(url, $(this).serialize(), null, "script");
    return event.preventDefault();
});

我有.js.erb模板，并在.html.erb部分中返回正确的值。

问题是在返回部分后，页面完全重新加载，我不希望这样。

为什么会这样？我还试图找出如何使用整个url调用link_to而不是使用“＃”和jquery，但在这种情况下我不知道如何在link_to帮助器的select字段中传递值。

Answer 1

在您的表单标记中，输入此

<form onsubmit="return false;">

如果没有看到您的表单HTML，很难说为什么会发生这种情况，但我认为get_product按钮正在提交表单并调用on click handler函数。

从link_to返回后的原因：remote =＆gt;是的，提交整个表格是真的吗？

1 个答案: