将rails变量传递给javascript中的ajax

Question

我是 Rails 新手。我正在尝试使用 ajax 并调用控制器方法。控制器方法创建一个实例变量，我认为它可用于 ajax 中的成功回调。

但是，每当我运行代码时，JS 控制台都会出现“test_array is null”错误。请提出解决方案并深入了解正在发生的事情。代码如下。

我已经在互联网上彻底研究了这个问题（包括 SO），但似乎没有一个答案适合我的问题。

sentiscores_controller.rb

def render_phrase
@tag_cloud_temp = [{text: 'Hello', weight: 1000},{text: 'World!', weight: 1100}]
end

index.html.erb

$.ajax({
        type: 'GET',
        url: '/sentiscores/render_phrase',
        data: {'senti_score': 5},
        success: function(){
        var test_array = <%= raw @tag_cloud_temp.to_json%>;
        console.log(test_array[0]['text']);
        },
        error: function(exception){
        console.log("Error! : "+exception);
        }
       })

实际的html源码如下所示

 $.ajax({
            type: 'GET',
            url: '/sentiscores/render_phrase',
            data: {'senti_score': 5},
            success: function(){
                    var test_array = null;
                    console.log(test_array[0]['text']);
                    },
             error: function(exception){console.log("Error! : "+exception);}
                })

Answer 1

在您的控制器中，您需要将 render JSON 返回到 AJAX 调用，如下所示：

# controller method    
@tag_cloud_temp = [{text: 'Hello', weight: 1000},{text: 'World!', weight: 1100}] 

render json: {
  tag_cloud_temp: @tag_cloud_temp
}

然后，在您的 AJAX 调用中，您将希望从该 render 接收 data，如下所示：

// in ajax call
success: function(data) {
  console.log(data);
}

如果您查看data 对象，您应该会看到来自控制器的信息。