Ajax Authenticity Tokenを使用して、RailsのIndex.js.erbからIndex.html.erbへのレンダリングに問題があります。

Question

基本的に、私はIndex.html.erbのRailsに表示される1ページのTODOAPPを持っています。それらがそれぞれレールアシスタントからの信頼性トークンを必要とするフォームを持っているので、index.js.erbを介してTODOオブジェクトをインスタンス化します。 TODOをJavascriptで/からレンダリングする必要があります。

私の解決策は、Index.html.erbビューにtodosを追加することでした。インデックスのレンダリング "index.js.erb"を設定し、ルビーでレンダリングしてから実行する部分を呼び出しました（ '< ％= j render 'index.html.erb'％>）。しかし、これは_indexの部分的な部分を予期し、index.js.erbに直接何かを追加または実行しようとすると、そのページ自体がレンダリングされます。

もちろん、これはルーティングの問題だと私は理解していますが、TODOオブジェクトをJSを介して/からJSにレンダリングして、それがラップされている形式で本物のトークンを追加することはできません.jsファイル内のdomからjqueryまでの形式では、トークンを含めることはできません。

この時点で私はオンライン検索とYouTubeビデオを使い果たしてしまったため、可能性のある洞察ができて本当に感謝しています。私のインデックスのコントローラのアクションは次のとおりです。

def index 
    @todo = Todo.new 
    @todos = Todo.all 
    respond_to do |format| 
    format.html { render 'index.js.erb' } 
    format.json { render :json => @todos } 
    format.js { render 'form.js.erb' } 
    end 
end 

そして、GitHubのレポは次のとおりです。https://github.com/jwolfe890/todoapp/blob/master/app/assets/javascripts/todo.js

は、任意の洞察力のために非常にありがとうございます！

Answer 1

何をHTML形式で表示する代わりに、普通の方法で表示するようにしておくと、index.js.erbは「通常」としてレンダリングされ、json形式は@todosのようになります。

def index 
    @todo = Todo.new 
    @todos = Todo.all 
    respond_to do |format| 
    format.html { } 
    format.json { render json: @todos } 
    format.js { } 
    end 
end 

そして、あなたはあなたのような、after_actionコールバックを使用することができ、要求作るたびにトークンを再生成するために

：

after_action :add_csrf_token_to_json_requests 

private 

def add_csrf_token_to_json_requests 
    if request.xhr? && !request.get? && protect_against_forgery? 
    response.headers['X-CSRF-Token'] = form_authenticity_token 
    end 
end 

そして、あなたのapplication.jsには、CSRFトークン毎回AJAXを設定しますリクエストが完了しました：

$(document).ajaxComplete(function(event, xhr,settings) { 
    header_token = xhr.getResponseHeader('X-CSRF-Token'); 
    if (header_token) $('meta[name=csrf-token]').attr('content', header_token) 
}); 

Answer 2

POST request done with Authenticity Token, but exception still rasedのレイアウトヘッダから信頼性トークンを取得する方法が見つかりましたが、js.erbのルーティングとレンダリングはまだ動作していません。