远程表单不通过ajax

时间:2016-02-24 17:49:13

标签: jquery ruby-on-rails ajax ujs

所以我尝试在rails 4中的网站上实现聊天,按照本教程==> http://josephndungu.com/tutorials/gmail-like-chat-application-in-ruby-on-rails

但是,我在聊天中发布新消息时遇到问题:表单正常被提交(如html),这导致消息/创建缺少模板错误,这是预期的我没有show.html.erb 由于我想通过ajax提交表单,我确实有一个名为show.js.erb的文件

这是生成表单的部分:

<div class="chatboxinput">
<%= form_for([@conversation, @message], :remote => true, :authenticity_token => true, :html => {id: "conversation_form_#{@conversation.id}"}) do |f| %>
  <%= f.text_area :body, class: "chatboxtextarea", "data-cid" => @conversation.id %>
<% end %>
</div>

这是我的消息控制器:

class MessagesController < ApplicationController
  before_filter :authenticate_user!

  def create
    @conversation = Conversation.find(params[:conversation_id])
    @message = @conversation.messages.build(message_params)
    @message.user_id = current_user.id
    @message.save!

    @path = conversation_path(@conversation)
  end

  private

  def message_params
    params.require(:message).permit(:body)
  end
end

我怀疑jquery_ujs有问题,因为在此之前我遇到了另一个没有正确发送csrf令牌的ajax请求的问题,我不得不添加一行j来修复它。 / p>

所以这里是application.js

//= require jquery
//= require jquery_ujs
//= require chat
//= require jquery.turbolinks
//= require private_pub
//= require bootstrap-sprockets
//= require bootstrap-datepicker
//= require_tree .

和申请头部分

<meta content='<%= user_signed_in? ? current_user.id : "" %>' name='user-id'/>
<%= csrf_meta_tags %>

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
<%= stylesheet_link_tag '//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>


<%= yield(:head ) %>

我几个小时都在挠头......有什么见解吗?

提前致谢! :)

1 个答案:

答案 0 :(得分:0)

我终于成功了。 事实证明它最终与jquery_ujs有关。表单没有通过ajax正确提交,因此rails正在寻找.html.erb模板而不是我拥有的.js.erb。

我通过将jquery_ujs包含在我的appalication.js清单的最后一行(即使在require_tree之后)来解决它。

//= require jquery
//= require users
//= require private_pub
//= require bootstrap-sprockets
//= require bootstrap-datepicker
//= require_tree .
//= require jquery_ujs
//= require jquery.turbolinks

希望这有助于其他人!