Ruby on rails Rails 5从ajax请求订阅Action Cable频道

我一直在尝试显示所有对话消息，而不只是通过ajax请求刷新页面。使用此代码，我可以通过通道发送消息，但无法接收消息

我想从前端动态传递ID。我知道在body标记（）中添加一个数据参数可以实现这一点

我想做同样的事情，但是当我点击一个改变主体数据“conversation id”并订阅新频道id的对话时，我希望通过rails 5/jquery（ajax）可以做到这一点

这是我的密码：

对话。咖啡

App.conversation = App.cable.subscriptions.create channel: "ConversationChannel", id: document.querySelector('#conversation').dataset.conversationId,
  connected: ->
    $('#new_message').submit (e) ->
      $this = $(this)
      id = $this.find('#message_conversation_id');
      body = $this.find('#message_body')
      App.conversation.write id.val(), body.val()
      body.val('')
      e.preventDefault()
      return false

  disconnected: ->
    # Called when the subscription has been terminated by the server

  received: (data) ->
    $('.box-msg').append(data.data)

  write: (id, body) ->
    @perform 'write', {id: id, body: body}

对话频道.rb

class ConversationChannel < ApplicationCable::Channel
    def subscribed
      id = "[HOW CAN I PASS DYNAMICALLY ID]" 
      if id #on stream seulement si id existe
        stream_from "conversation_#{id}"
      end
    end

    def unsubscribed
      # Any cleanup needed when channel is unsubscribed
    end
    def write(data)
        msg = Message.create(
          conversation_id: data["id"], 
          body: data['body'], 
          user_id: 41,
          read: 0
        )
        if msg.save 
          html = ApplicationController.render(partial: 'messages/message', locals: { message: msg})
        end
        ActionCable.server.broadcast "conversation_#{data["id"]}", data: html
    end
  end

<script>
    $(document).ready(function() {
        $('.card-conversation').click(function() {
            $("#conversation-content").html('');
            var id = $(this).data("conversation");
            $("body").attr("data-conversation-id", id);
            $("#message_conversation_id").val(id); //input id 
            $.ajax({
                url: "/conversations/"+id+"/messages",
                cache: false,
                success: function(html){
                    $("#conversation-content").append(html);
                }
            });
            $("#conversation-content").fadeIn();
        });
    });
</script>
<div class="row h-100 no-margin">   
    <div class="col-md-4 h-100 messages-list" style="padding-right: 2px !important;">
            <% @conversations.first(3).each do |conversation| %>
                <div class="card card-conversation" data-conversation="<%=conversation.id %>">
                   <p>see conversation</p>
                </div>
            <% end %>
    </div>

    <div class="col-md-8 conversation no-padding" id="conversation">
        <div id="conversation-content"></div>
          <%= simple_form_for Message.new, url: "#" do |f| %>
              <%= f.input :body, label: false, placeholder: "Add msg" %>
              <%= f.input :conversation_id, label: false %>
              <%= f.submit 'Go' %>
          <% end %>
    </div>
</div>

class ConversationChannel

conversations/index.html.erb

class ConversationChannel < ApplicationCable::Channel
    def subscribed
      id = "[HOW CAN I PASS DYNAMICALLY ID]" 
      if id #on stream seulement si id existe
        stream_from "conversation_#{id}"
      end
    end

    def unsubscribed
      # Any cleanup needed when channel is unsubscribed
    end
    def write(data)
        msg = Message.create(
          conversation_id: data["id"], 
          body: data['body'], 
          user_id: 41,
          read: 0
        )
        if msg.save 
          html = ApplicationController.render(partial: 'messages/message', locals: { message: msg})
        end
        ActionCable.server.broadcast "conversation_#{data["id"]}", data: html
    end
  end

<script>
    $(document).ready(function() {
        $('.card-conversation').click(function() {
            $("#conversation-content").html('');
            var id = $(this).data("conversation");
            $("body").attr("data-conversation-id", id);
            $("#message_conversation_id").val(id); //input id 
            $.ajax({
                url: "/conversations/"+id+"/messages",
                cache: false,
                success: function(html){
                    $("#conversation-content").append(html);
                }
            });
            $("#conversation-content").fadeIn();
        });
    });
</script>
<div class="row h-100 no-margin">   
    <div class="col-md-4 h-100 messages-list" style="padding-right: 2px !important;">
            <% @conversations.first(3).each do |conversation| %>
                <div class="card card-conversation" data-conversation="<%=conversation.id %>">
                   <p>see conversation</p>
                </div>
            <% end %>
    </div>

    <div class="col-md-8 conversation no-padding" id="conversation">
        <div id="conversation-content"></div>
          <%= simple_form_for Message.new, url: "#" do |f| %>
              <%= f.input :body, label: false, placeholder: "Add msg" %>
              <%= f.input :conversation_id, label: false %>
              <%= f.submit 'Go' %>
          <% end %>
    </div>
</div>

$（文档）.ready（函数（）{
$（'.card conversation'）。单击（函数（）{
$（“#对话内容”）.html（“”）；
var id=$（this.data（“对话”）；
$（“body”）.attr（“数据会话id”，id）；
$（“#message_conversation_id”）.val（id）；//输入id
$.ajax({
url:“/conversations/”+id+“/messages”，
cache:false，
成功：函数（html）{
$（“#对话内容”）.append（html）；
}
});
$（“#对话内容”）.fadeIn（）；
});
});
见对话