jquery - 如何使用 link_to、remote: true 和 jQuery 将存储在 DOM 中的数据传递给控制器​​？

Question

我想要以下链接：

<%= link_to image_tag("#{@player1.first_name}_#{@player1.last_name}.jpg",
    alt: "#{@player1.first_name}_#{@player1.last_name}", class: "playerpic"), 
    updatepts_path, :remote => true %>

使用 jQuery 将 DOM 中的数据提供给控制器，例如：

<%= link_to image_tag("#{@player1.first_name}_#{@player1.last_name}.jpg",
    alt: "#{@player1.first_name}_#{@player1.last_name}", class: "playerpic"), 
    updatepts_path, :remote => true,
    data: { matchupID: $('#matchup-id').data(matchupID)) } %>

我添加data: { matchupID: $('#matchup-id').data(matchupID)) }到link_to助手的地方。是否可以这样做或类似的事情？如果是这样，我将如何从控制器访问数据，使用params[:data][:matchupID]？

谢谢！

Answer 1

您可以为路由中的 matchupID 添加一个参数到 updatepts_path，并将 matchupid 添加到由 link_to 创建的链接 url。

如果您不介意凌乱的网址，或者只是在链接中添加类似 ?matchupID=xxxx 的内容。

Aferall link_to 最后只是做了一个标签，它完全可以在渲染后被javascript操作。