jQueryを使ったAjaxの投稿がうまくいかない

Question

私はRailsアプリケーションのためのコメントシステムを実装しようとしています。私のアプリのすべてのイベントはそれ自身のページであり、ページ上にはコメントスレッドがあります。ユーザーがajaxを使ってコメントを投稿できるようにしたい。私はRailsCast 136に従おうとしました。これは基本的に私のアプリで仕事をしたいものです。しかし、私はコメントを投稿するたびに、AJAXリクエストが通過していません、と私はエラーを受信して​​います：

Started POST "/events/undefined" for 127.0.0.1 at 2011-07-17 00:39:16 -0400

ActionController::RoutingError (No route matches "/events/undefined"):

ここに私events_controllerの私のshowアクションのためのコードです。

def show

@event = Event.find(params[:id]) 

@comment = Comment.new 

session[:event_id] = @event.id 

@comments = @event.comments.reverse 
end 

ここは、私のイベントショービューのコメントフォームのコードです。

<%= form_for(@comment, :remote => true) do |f| %> <% if signed_in? %>

<%= f.label :author %>
<%= f.text_field :author, :value => current_user.name %>

<% else %>

<%= f.label :author %>
<%= f.text_field :author %>

<% end %>

 <p><%= f.label :content %><br /> 
     <%= f.text_field :content %></p> 

     <p><%= f.submit %></p> <% end %> </div> 

ここに、私のcomments_controllerの作成アクションのコードがあります。

def create 
    @comment = Comment.create!(params[:comment]) 
    @comment.event_id = session[:event_id] 
    session[:event_id] = nil 
    flash[:success] = "Comment sent!" 
    respond_to do |format| 
    format.html { redirect_to @comment.event } 
    format.js 
    end 
    end 

ここでは、ajaxで投稿するjQueryコードを示します。これはかなり136

jQuery.ajaxSetup({ 'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")} })

$(document).ready(function(){ $("#commentform").submit(function(){ $.post($(this).attr("action"), $(this).serialize(), null, "script"); return false; }) })

誰が間違って行くことができるものの任意のアイデアを持っているRailsCastが概説したコードと同じですか？私はRailsとWeb開発の一般的な点で非常に新しく、これを修正する助けに感謝します。

EDIT：問題を解決して修正しました。私は本質的に私のルートを入れ子にすることに加えてvincehがレイアウトしたソリューションを実行し、それを動作させました。みんなありがとう。

本当にありがとうございましたが、 シド

Answer 1

私は右の上に2つのことを参照してください。まず、フォームの送信先を指定していません。だから、

<%= form_for @comment, :url => {:controller => :comments, :action => :create}, :remote => true do |f| %> 

    <% if signed_in? %> 

    <%= f.label :author %> 
    <%= f.text_field :author, :value => current_user.name %> 

    <% else %> 

    <%= f.label :author %> 
    <%= f.text_field :author %> 

    <% end %> 

    <p><%= f.label :content %><br /> 
    <%= f.text_field :content %></p> 

    <p><%= f.submit %></p> 
<% end %> 

にそれを変更する必要があります次に、あなたはそれが何か新しいものを生成する場合を参照してください。つまり

match "comments/create" => "comments#create" 

、あなたのroutes.rbフォルダ内の適切なルートを追加する必要があります。私に教えてください。私はこの回答を更新し続けます。

良いコメントAJAXチュートリアルをお望みなら、thisを読んでください！

幸運を祈る！

Answer 2

vincehの回答に対するあなたのコメントに基づいて、routes.rbにリソースを適切に入れ子にすることで、自分自身で簡単にできるかどうか疑問に思っています。そのように、ブロックを提供するために、イベントルート：既存を変更

<%= form_for(@comment, :url => event_comments_url(@event), :remote => true) do |f| %> 

この方法では、それが自動的にピックアップします：フォームはまだ動作しない場合

resources :events do 
    resources :comments, :only [:create] 
end 

そして、これは試しますポストの一部としてparamsの：event_id