javascript - 如何将值传递给 html.erb rails 中的 javascript

Question

我正在尝试将值 user.skypeid 传递给 html.erb 中的 javascript 代码 participants。正确的做法是什么？以下方法对我不起作用。

  <% @users.each do |user| %>
<tr>
  <td><%= user.name %></td>
  <td><%= user.skypeid %></td>
  <td><%= link_to 'Show', user_path(user) %></td>
  <td>
    <div id="SkypeButton_Call_aaa_1">
     <script type="text/javascript">
     Skype.ui({
     "name": "call",
     "element": "SkypeButton_Call_aaa_1",
     "participants": [user.skypeid]
     });
     </script>
    </div>
  </td>
</tr>

Answer 1

您必须将其打印为嵌入的 ruby​​，并将其用引号括起来:

<% @users.each do |user| %>
  <tr>
    <td><%= user.name %></td>
    <td><%= user.skypeid %></td>
    <td><%= link_to 'Show', user_path(user) %></td>
    <td>
      <div id="SkypeButton_Call_aaa_1">
      <script type="text/javascript">
        Skype.ui({
          "name": "call",
          "element": "SkypeButton_Call_aaa_1",
          "participants": ['<%= user.skypeid %>']
        });
       </script>
      </div>
    </td>
  </tr>
<% end %>

尽管您可以将脚本移到外部或另一个文件中:

<% @users.each do |user| %>
  <tr class="">
    <td><%= user.name %></td>
    <td><%= user.skypeid %></td>
    <td><%= link_to 'Show', user_path(user) %></td>
    <td>
      <div id="SkypeButton_Call_aaa_1" data-skype="<%= user.skypeid %>"></div>
    </td>
  </tr>
<% end %>

<script type="text/javascript">
  let id = 'SkypeButton_Call_aaa_1'
  let user = document.getElementById(id).dataset
  Skype.ui({
    'name': 'call', 'element': id, 'participants': [user.skype]
  })
</script>