Rails - javascriptで作成したフォームにCSRF保護を追加するには？

Question

私はbackbone.jsを使用しています。しかし、javascriptテンプレートとして作成しているフォームには、レールcsrf保護トークンがありません。私はどのように私はJavaScriptで作成しているテンプレートに追加するのですか？

Answer 1

あなたがどこかに自分のレイアウトで<%= csrf_meta_tag %>を持っており、それはJSからあなたにアクセス可能である場合は、各バックボーン要求

にCSRFのサポートにハックする方法についてのアイデアのため http://eunikorn.blogspot.com/2011/07/working-with-backbonejs-in-harmony-with.htmlを参照してください $('meta[name="csrf-token"]')

を使用してアクセスすることができます

Answer 2

「投稿」または「削除」を使用するすべてのフォームにcsrfトークンを付加することができます。ここでは、CoffeeScriptのである：

$ -> 
    for f in $("form") 
    if f.method == 'post' or f.method == 'delete' 
     $(f).prepend("<input type='hidden' name='authenticity_token' value='" + token + "'>") 

あなたのレイアウトで<% = csrf_meta_tags％>があることを確認してください。すでに標準の「アプリケーション」レイアウトにあるはずですが、別のレイアウトを使用している場合は追加してください。

Answer 3

ベストな方法は、私は、フォーム内で、これを解決：あなたの.js.erb資産ファイルから

<%= hidden_field_tag :authenticity_token, form_authenticity_token %> 

を使用することはできません4.2.2

<%= hidden_field_tag :authenticity_token, form_authenticity_token %> 

Answer 4

Railsのためのよう。

.js.erbファイル内にフォームを作成することができます。フォームに.html.erbというファイルを含むビューでは、hidden_field_tagヘルパーを使用してトークン要素を生成します。この要素はフォーム外で生成されるため、この要素をフォームに追加するためにjqueryを使用できます。研究の

ケース：SweetAlert（最初のバージョン、バージョンがあまりにもこの問題を解決しているようだ）

show.js.erb

$('.js-button-apply-offer').click(function(e) { 
var urlOffer = $(this).attr('data-url-offer'); 
var modalParams = { 
    type: 'warning', 
    title: 'add file', 
    text: '<p>Need to add a file before continuing</p>' // This is a hack for Sweet alert, solved in SweetAlert2 Consider upgrade 
    +"<form action='"+urlOffer+"' id='formCustomCV' method='post' enctype='multipart/form-data' data-remote='true'>" 
    + "<input type='file' name='custom_cv' id='fileToUploadAlert' accept='application/pdf'>\n" 
    +"</form>", 
    html: true, 
    showCancelButton: true, 
    confirmButtonColor: '#DD6B55', 
    confirmButtonText: 'Send', 
    cancelButtonText: 'Cancel', 
    closeOnConfirm: false 
    } 
swal(modalParams, 
function(){ 
    var form_token = $('#form_token'); 
    $('#formCustomCV').append(form_token).submit(); //update to submit using ajax 
}); 

show.html.erb

<%= button_tag t('offers.offer.apply'), 
    class: 'center-block btn btn-success js-button-apply-offer', 
    id: "js-button-apply-offer", 
    data: { 
    url_offer: apply_talents_offer_path(@offer), 
    } 
%> 
<%= hidden_field_tag :authenticity_token, form_authenticity_token, id: :form_token %>