Question

我正在使用gon gem for rails，它允许您保存在控制器操作中定义的变量并在JavaScript中使用它们。当我在非Ajax设置中使用它时，它工作正常，但是，在执行Ajax请求时，我遇到了成功使用它的问题。

问题：在制作Ajax请求时，我在控制器操作中为gon变量分配的Ruby变量在JavaScript中显示为“未定义”。

目标：我想在我的页面上触发Ajax请求，其中： 1）在控制器中执行操作，并将Ruby变量分配给gon变量。 2）然后呈现一个执行JavaScript的js.erb文件，其中一部分需要采用步骤1中定义的Ruby变量，并将其视为js变量。

这是第1步中的示例操作：

def some_action
 gon.my_ajax_var = {some: 'info'}
end

这是它呈现的示例js.erb文件：

/some_action.js.erb

console.log('gon.my_ajax_var equals ' + gon.my_ajax_var)  //this doesn't work! comes out as 'undefined' when I expected {some: 'info'}

有关我如何解决这个问题的任何想法？我看了一下gon.watch页面，但我很困惑这是否与我遇到的这个问题有关，以及如何实现正确的解决方案。另外，如果有更好的方法可以在没有gon的情况下做到这一点，我也会对此持开放态度。

谢谢！

Answer 1

我最后通过以下方式解决了这个问题：

在我的控制器中：

def some_action
  @my_ajax_var = {some: 'info'}.to_json
end

在我的相应观点中： /some_action.js.erb

var my_ajax_var = <%= @my_ajax_var.html_safe %>

捎带gon gem会不会很好，但是这完成了工作。

Answer 2

前段时间我使用过erb模板，但我认为你需要在你的erb文件中添加标签。

/some_action.js.erb

console.log('gon.my_ajax_var equals ' + <%= gon.my_ajax_var %>)

如何使用ajax在Rails中分配和访问javascript变量

2 个答案: