使用 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 变量

编辑：

我按照建议进行了更改。但是，当我这样做时，变量@message 没有设置

  @message=params[:msg]

当我使用 Fiebug 检查 XHR 时，我看到 302 Moved Temporarily for the POST 操作（尽管 POST 参数 msg 设置正确）。响应是 - $("#show_message").html("")

我的 .js 视图是：

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

EDIT2：当我检查 Firebug 时，它显示现在有两个操作： 1. POST /jmsg - 响应 @message = "hello world" 2. GET /jmsg - 带有响应 @message=" "

Answer 1

当我想从控制器获取任何值时，我总是使用 json 格式来做这些事情。

// jmsg.js.erb

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

// 你的js.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 中，移除 :remote => true

<%= 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 的了解：

首先，将其包含在 application.js 文件的开头

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

然后，在同一个文件中，如下创建一个函数，其中是在 DOM 加载之前加载的函数。在这个函数中，您可以编写自己的函数：

$(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

让我知道这是否适合您。对于类似的情况，类似的代码对我有用。谢谢。