Jqueryを使用してJavascript変数をRails 3コントローラに送信

Question

私はRails 3、Jquery-UJS、およびJqueryを使用しています。私はRails3とJqueryの作業設定があります。リンクをクリックしてJavascriptからRailsコントローラに変数を送信しようとしています。

私の現在のアプローチでは、次のようにjsを使用してajax呼び出しを行い、msg文字列を渡しています。

$("#select_link").click(function() 
{$.ajax({ 
type: 'POST', 
url: 'http://your_url/jmsg', 
data: {msg: "hello world"}, 
;} 
}); 
}); 

このコードをapplication.jsファイルに含める必要がありますか？私.html.erbファイルで

私は私のコントローラで

<%= link_to "Send variable", jmsg_path, :remote => true %> 

を持って、私は今まで

def jmsg 
@message= params[:msg] 
respond_to do |format| 
format.js 
end 
end 

を持って、私は私の@messageにjavascriptの変数を取得することができていませんでしたインスタンス変数

EDIT：

私は示唆したように変更を加えました。私はFiebugを使ってXHRをチェックすると、私はPOSTアクションのために一時的に移動302を参照してください、私は

@message=params[:msg] 

を行う際ただし、変数@messageは（POSTパラメータMSGが正しくかかわら設定されている）に設定されていません。

$("#show_message").html("<%= @message %>") 

EDIT2：私はFirebugのを確認した場合、それは二つの動作が今があることを示しています $（ "＃のshow_message"）HTML（ ""）

私の.jsビューがある - 応答があります。 1. POST/jmsg - 応答@message = "Hello World" の 2. GET/jmsgと - 応答@メッセージ= "と"

Answer 1

を試してみてください

コントローラから何か値を取得したいとき、私はいつもjson形式を使います。

// jmsg.js.erb

{ 
    "message": "<%= @message %>" 
} 

// yourjs.js

$.ajaxSetup({ 
    'beforeSend': function(xhr) { xhr.setRequestHeader("Accept", "text/javascript") } 
}); 

$("#select_link").click(function(){ 
    $.ajax({ 
    type: 'POST', 
    url: 'http://your_url/jmsg', 
    dataType: 'json', 
    data: {msg: "hello world"}, 
    success: function(json, status, xhr){ 
     // $("#show_message").html(json.message) 
    } 
    }); 
}); 

// your.html.erbで、削除：リモート=>真

<%= link_to "Send variable", jmsg_path %> 

を

Answer 2

は、アプリケーションのjsに以下のコードを追加して、この

$(function(){ 
    $("#select_link").click(function(){ 
     $.ajax({ 
     type: 'POST', 
     url: 'http://your_url/jmsg', 
     data: { msg: "hello world" }, 
     }); 
    }); 

}); 

Answer 3

RailsでAJAXとjQueryを目立たない形で使用していることを知っています。

まず、DOMがロードされる前にロードする機能であると、次のように関数を作成し、同じファイルでのごapplication.jsファイル

jQuery.ajaxSetup({ 
    'beforeSend': function(xhr) { xhr.setRequestHeader("Accept", "text/javascript") } 
}); 

その後、の初めにこれを含めます。この機能では、独自の関数を記述します。

$(function() { 
    $("#select_link").sendVar(); 
} 

jQuery.fn.sendVar = function(){ 
    this.click(function() { 
    var msg= 'hello world'; 
     $.post('/your_url/jmsg/' + msg, function(data){ 

     }) 
     return false; 
    }); 
} 

は、例えばのために、あなたがroutes.configファイルでこのポスト要求のためのルートを持っていることを確認してください

match 'your_url/jmsg/:msg', :controller => 'your_url', :action => 'jmsg', :via => :post 

これがうまくいくかどうか教えてください。同様のコードが私のために働いていました。ありがとう。