2013-12-18 33 views
0

使用AJAX来更新

<h1>Chat</h1> 

    <div> 
     <% @messages.each do |m|%> 
     <ul id="chat"> 
      <%= m.message %> 
     </ul> 
     <% end %> 
    </div> 

    <%= form_for Message.new, remote: true do |f| %> 
     <%= f.text_field :message %> 
     <%= f.submit "Send" %> 
    <% end %> 
    <%= subscribe_to "/messages/new" %> 

我想使用AJAX请求自动更新消息和清除文本框此聊天框。我试过用这个,但没有运气

<% publish_to "/messages/new" do %> 
     $("#chat").append("<%= j render(@message) %>"); 
     $("#new_message")[0].reset(); 
    <% end %> 

任何想法?

回答

0
<% publish_to "/messages/new" do %> 
     $("#chat").append("<ul class='message'><%= @message.message %></ul>"); 
    <% end %> 
     $("#new_message")[0].reset();