Rails-将信息从视图传递到Javascript

Rails- Pass information from view to Javascript

本文关键字：Javascript 视图 信息 Rails-      更新时间：2023-09-26

我想开始使用websockets。我读了所有的文档和理解一切，但它遗漏了我需要的东西:如何从视图传递信息到JS?

我需要从javascript传递数据到我的控制器。我不明白的是，我如何获得动态生成的数据在我的视图javascript发送?

现在我的视图在每个HTTP请求上接收一个实例变量，它循环遍历每个实例变量并创建一个按钮，该按钮提交一个包含从该实例变量提取的信息的哈希。我不明白如何用Javascript做同样的事情，因为Javascript不理解Ruby类。

这是我的代码现在的样子:

视图/仪表板/_other_characters.html.erb 

<% other_characters.each do |other_character| %>
  <p><%= other_character.name %> is standing here (<%= other_character.power_level %>)</p>
  <%= button_to "punch #{other_character.name}",
    attacks_path(
      target_type: other_character.class,
      attack_type: :punch, 
      target_id: other_character,
      target_name: other_character.name
  ) %>
<% end %>

这是我希望能够做的使用JS

var task = {
  name: 'Start taking advantage of WebSockets',
  completed: false
}
var dispatcher = new WebSocketRails('localhost:3000/websocket');
dispatcher.trigger('tasks.create', task);

Try

<%= button_to "punch #{other_character.name}",
  attacks_path(
    target_type: other_character.class,
    attack_type: :punch, 
    target_id: other_character,
    target_name: other_character.name
  ), {id: '***', data: {name: '***', other_key: 'other_value'} } %>

然后你可以通过jQuery数据api访问数据。

当你需要通过客户端js从视图中获取动态数据时，在你的视图dom中添加data-attrs，然后从dom API或其他第三方js API读取。

为了将信息从ruby传递到javascript，你可以使用这个gem: Gon，基本上它可以转换ruby变量，并使它们在每个视图上都可以被javascript使用，看看:http://railscasts.com/episodes/324-passing-data-to-javascript如需其他选择，请访问:https://www.ruby-toolbox.com/categories/javascript_tools#paloma

相关文章：