使用Rails remote設計ajax登錄/註冊：true

Question

在我的表單中沒有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）檢查控制器：它是否有respond_to塊？

如果用rails generate scaffold生成您的應用程序，它會像

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

替換爲上面的代碼：

respond_to :html, :js 

OR

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

4）設置CSRF令牌在你的application.js

$(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 
    } 
});