Question

我正在尝试使用rails中的private-pub gem创建一个基本的聊天客户端。我试图实现的功能如下。有一个在线用户列表，如下面的代码所示。每个用户都订阅了自己的私人频道。为了让用户向另一个用户发送消息，他必须从在线用户列表中选择一个用户并发送消息。当选择一个用户时，用户的类被设置为使用jquery激活。然后获取作为在线用户的类名的用户标识并尝试发布该消息。要发布此消息，我需要将其发送到他订阅的频道，我需要将从javascript变量获取的用户id变量转换为ruby变量。

<%= subscribe_to  "/messages/#{current_user.id}" %>
<h1>Messages</h1>
<% if user_signed_in? -%>       
    <div class="row">
        <div class="span3">
            <div class="well sidebar-nav">
                <ul class="nav nav-list userlist">
                <% for user in User.all -%>
                <% if user.online? and user.id!=current_user.id -%>

            <li><%= link_to '#',:class => user.id ,:remote=>true do %>
            <%= image_tag user.profile.picture(:thumbnail_medium) %>
            <%= user.profile.name %>
            <% receiver = user.id -%>
                    <% end %>
                </li>
            <% end -%>
        <% end -%>

            </ul>

    </div>          
    </div>
    <div class="span8 well well-small"> 
        <div id="chatwindow">
        <div id="messagewindow">
        <ul id="chat">
            <%= render @messages %>
            </ul>
        </div><br>
 <div id="inputcontainer"><%= form_for Message.new, :remote=>true, :url => {:controller=>:messages,:action =>:create }  do |f| -%>
                <%= f.label :Message %>                 
                <%= f.text_field :content %>
                <%= f.submit "Submit"  %>
            <% end -%>  </div>
            </div>          
        </div>  
    </div>
<% else -%>

<% end -%>

Java脚本如下：

$(function(){
    $('.userlist li').click(function() {
    $(this).siblings('li').removeClass('active');
    $(this).addClass('active');
});
});

这是发布消息的嵌入式js

receiver = $('.active a').attr('class').
<% publish_to "/messages/"+receiver do  -%>
    $('#chat').append('<div class="well well-small"><%= j link_to (image_tag(current_user.profile.picture(:thumbnail))),username_path(current_user.username) %><%= j link_to current_user.profile.name, username_path(current_user.username) %> <%= "  #{@message.content}" %></div>')
<% end -%>
$('#new_message)[0].reset();

创建频道我使用jquery获取receiver我需要转换为ruby传递给发布函数，这是问题。有没有办法将这个javascript变量转换为ruby变量？任何其他实现该功能的想法将不胜感激：）

Answer 1

Opal是目前最好的Ruby to JavaScript转换器/编译器。你可以在这里看到它：http://goo.gl/f6f1D

Answer 2

我是通过向控制器发送ajax请求来实现的。每当在聊天窗口（从在线用户列表）中选择用户时，我将这些参数发送到控制器并通过设置使用jquery的值将其保存在我的模型中通过隐藏字段。现在我提到的javascript变量可以是通过红宝石访问。

谢谢：）

将javascript变量转换为ruby变量

2 个答案: