Ajax 调用在 Rails 应用程序中未按预期工作

Question

在我的 Rails 应用程序中，我有这段代码

<a data-remote="true" href="#" class: "find_product">Find product</a>

对于 ajax 调用，我正在这样做

$(document).on('click', '.find_product', function(){     
              $.ajax({
                     url: "<%= startup_wizard_find_horse_path() %>",
                    dataType: 'script',
                    type: 'GET',
                    data: { box_no: "3"}
            });
            return false;


        });

现在当我点击上面的链接时，ajax调用是发送到当前页面的action而不是

startup_wizard_find_horse_path

为什么会发生这种情况，我怎样才能做到这一点？

Answer 1

如果你打算使用数据远程，设置 href 值并且不定义点击事件，这就是 Rails 中不显眼的 JS 的要点。

如果您想手动使用 jQuery，请删除 remote = true 并将您的 jQuery 单击更改为此，以禁用链接的默认行为：

$(document).on('click', '.find_product', function(event) {
  event.preventDefault();
  $.ajax({
    url: "<%= startup_wizard_find_horse_path() %>",
    dataType: 'script',
    type: 'GET',
    data: { box_no: "3"}
  });
  return false;
});

编辑：这是一篇回顾如何使用远程链接的帖子：link_to and remote => true + jquery : How? Help?