jquery - Rails Ajax 无法验证 CSRF token 的真实性

Question

在我的 Rails 应用程序中，我在发送到 api 的 ajax 帖子中收到“警告:无法验证 CSRF token 真实性”。

app/views/layouts/application.html.haml:

!!!
%html
  %head
    = stylesheet_link_tag "application", :media => "all"
    = javascript_include_tag "application"
    = csrf_meta_tags
  %body
    = yield

ajax post:

$.ajax({ url: '#{card_credits_path}',
 type: 'POST',
 beforeSend: function(xhr) {xhr.setRequestHeader('X-CSRF-Token', '#{form_authenticity_token}')},
 dataType: "json",
 data: { credit_uri: response.data.uri,
         email: $('#email:hidden').val(),
         name: $('.name').val()
       },
success: function(randomobject) {
   window.location = '/';
   },
error: function(){
   console.log("Card information is wrong!");
   }
});

Answer 1

假设您已经使用 Rails csrf_meta_tag 标签设置了 CSRF token ，请求的 token 将在 csrf-token 元标签中可用:

<meta content="u-n-i-q-u-e-t-o-k-e-n" name="csrf-token" />

由于您使用的是 jQuery，因此您可以通过为 beforeSend 键调用以下值来将 token 传递给您的 AJAX 请求:

function(xhr) {xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'))}