我会做什么

Question

我试图将实例变量从我的rails应用程序传递到关联的coffeescript文件，但它目前似乎没有解析。我错过了什么？

locations.js.coffee.erb

$.ajax
  url: "/map_groups/<%= @id %>.json"
  type: "get"
  dataType: "json"
  async: false
  success: (response) ->
    exports.response = response

locations_controller.rb

def index
  @id = (params[:id]) ? params[:id] : 1
  @locations = Location.all
end

但这是控制台中出现的错误：

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/map_groups/.json

我可以做些什么来解析实例变量吗？

注意：

我知道变量存在，因为它被传递给视图。

编辑：我正在尝试做什么

我的大多数数据都是通过JSON发送的，我创建了一个自定义路由，以便让coffeescript知道要提取的json数据：

get "/locations/map-group/:id", controller: :locations, action: :index, as: :map_group

如果您回头看我的控制器 - 您会看到如果用户访问普通旧版/locations，则ID默认为1.否则，该ID是URL中指定的内容。 coffeescript文件需要通过AJAX调用提取与该ID相关的数据。我如何告诉咖啡因该ID是什么？

Answer 1

我会做什么

如果可以避免，我强烈建议不要使用Ruby实例变量来生成CoffeeScript。我建议使用这样的库来处理你正在考虑的用例：

https://github.com/railsware/js-routes

# Configuration above will create a nice javascript file with Routes object that has all the rails routes available:

Routes.users_path() // => "/users"
Routes.user_path(1) // => "/users/1"
Routes.user_path(1, {format: 'json'}) // => "/users/1.json"
Routes.new_user_project_path(1, {format: 'json'}) // => "/users/1/projects/new.json"
Routes.user_project_path(1,2, {q: 'hello', custom: true}) // => "/users/1/projects/2?q=hello&custom=true"
Routes.user_project_path(1,2, {hello: ['world', 'mars']}) // => "/users/1/projects/2?hello%5B%5D=world&hello%5B%5D=mars"

这个加上HTML5 data-*代码可以帮助您传递JavaScript中所需的识别信息：

http://html5doctor.com/html5-custom-data-attributes/

例如：

<div id="my_awesome_location" data-location-id="<%= @location.id %>">...</div>

然后像这样加载你的ajax：

id = $("#my_awesome_location").data('location-id')

$.ajax
  url: Routes.map_group_path(id) #=> "/map_groups/#{id}.json"
  type: "get"
  dataType: "json"
  ...

反正怎么办

但是，如果您必须在CoffeeScript中使用ERB样式标记，则可以使用coffee.erb文件扩展名来执行此操作：

http://guides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets

2.3.3 JavaScript / CoffeeScript和ERB

如果您将一个erb扩展名添加到JavaScript资源，使其成为application.js.erb之类的东西，那么您可以在JavaScript代码中使用asset_path助手：

$('#logo').attr({
  src: "<%= asset_path('logo.png') %>"
});

这会写入被引用的特定资产的路径。

同样，您可以在具有erb扩展名的CoffeeScript文件中使用asset_path助手（例如，application.js.coffee.erb）：

$('#logo').attr src: "<%= asset_path('logo.png') %>"

为什么你可能不想这样做

我建议使用上述库与直接ERB的原因是控制器/视图和资产之间的紧密耦合。

这也意味着你必须预先加载你的整个应用程序才能进行资产编译，所以如果你尝试部署到像Heroku这样的PaaS，你就会在后面咬你。

https://devcenter.heroku.com/articles/rails-asset-pipeline

在slug编译过程中，app的配置变量在环境中不可用。因为必须加载应用程序才能运行资产：预编译任务，任何需要存在配置变量的初始化代码都应该优雅地处理nil情况。

基本上，如果你稍微改变你的控制器，你就有可能破坏你的资产。最好将它们作为单独的单元保存，并引入一个处理您要解决的问题的中介层。

Answer 2

正如Farley Knight所说，是的，你可以，但请不要因为他说的原因。

最适合我的是隐藏字段，其中包含ERB文件中的数据。然后，由于您使用的是JQuery，只需在您的网址中使用idField.val()进行$.ajax调用。

希望有所帮助。

是否可以解析咖啡脚本资产文件中的Ruby实例变量？

2 个答案:

我会做什么

反正怎么办

为什么你可能不想这样做