使用Rails remote设计ajax登录/注册：true

Question

如果没有remote: true在我的表单中为remote: true ，则登录有效。 但是，当使用remote: true并尝试通过ajax登录时，我收到此错误：

You need to sign in or sign up before continuing.

这些请求都已发布。 有人可以启发我吗？

Answer 1

您需要遵循一些步骤：

1）检查所发出的请求是否为javascript。

要验证您应该检查请求标头以查看什么是Accept参数。 如果它显示application/javascript那么一切都很好。 使用萤火虫等工具轻松检查请求标头。

2）包含哪些javascript文件？

其次，当开始尝试:remote => true时，一个非常常见的问题是所需的javascript库未包含在您的代码中。 所以我的猜测是您的布局中缺少以下代码：

<%= javascript_include_tag :defaults %>
<%= csrf_meta_tag %>

如果是这种情况，只需将其包含在html标头中即可。

3）检查控制器：它是否有response_to块？

如果您使用rails generate scaffold生成了应用程序，则该应用程序将具有以下内容

 respond_to do |format|
      format.html
      format.xml  { .... }
    end

将上面的代码替换为：

respond_to :html, :js

要么

respond_to do |format|
      format.html
      format.js
      format.xml  { .... }
    end

4）在application.js中设置CSRF令牌

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

5）发布您的登录信息

$.ajax({
  url: '/users/sign_in.json',
  type: 'POST',
  dataType: 'json',
  data: {user: {email: 'email@example.com', password: 'password'}},
  success: function(data, textStatus, xhr) {
    //called when successful
  }
});