从 rails 视图向 javascript 传递数据？

Question

我无法将正确的数据从 rails html.erb 视图文件传递到我的 js 文件。

我的控制器 (@messages = Message.all) 和我的 html.erb 视图文件中有以下内容：

@messages.each do |x|
x.name
end

如果我有一个 javscript 文件，我如何将特定消息的 ID 传递给它？

我正在尝试这个：

@messages.each do |x|
<span id="messageid" data-id="<%= x.id %>">
 <%=x.name%>
</span>
end

在我的 javascript 文件中：

$("#messageemail").click(function(){
  var messageid = $("#messageemail").data('id');
alert(messageid);

这部分有效，但它只为我提供了列表中第一条消息的 ID。我希望它能给我具体的 id，即点击了哪条消息

Answer 1

在您的 rails 视图中：

<span  onclick="callJS(<%= x.id %>)">
 <%=x.name%>
</span>

这里点击 span 将调用 callJS 函数。

在 js 中：

// in your js file
 function callJS(x_id){
  console.log(x_id);
}

Answer 2

改为执行此操作，将 class 添加到您的 span 元素而不是 id

<span class="message-class" data-id="<%= x.id %>">

在Javascript文件中

$(".message-class").on('click', function(){
  var messageid = $(this).attr("data-id");
  alert(messageid);
});

这行得通！

pass data to javascript from rails view?