在使用ajax的js.erb文件中未定义Gon变量

Question

我有一个由带有gon变量的js.erb文件呈现的高度表。我的设置是，用户将加载一个页面，一旦页面准备就绪，就会对一个单独的控制器进行ajax调用。控制器将处理所需的数据，将其分配给gon，并使用该数据呈现适当的js.erb文件。然而，我一直观察到gon始终是未定义的，并且变量没有被发送到gon。我想知道这是否与ajax有关，但以下是我的代码和逻辑流程。

这里是调用的起始点

_vulnerabilites_per_version.html.haml

%script{:src => "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"}
= Gon::Base.render_data


- vanity_url = project.vanity_url
:javascript
  $(document).ready(function() {
    $.ajax({
      url: "/p/#{vanity_url}/security.js"
    });
  })

#vulnerabilities{:style => "max-width: 405px; height: 300px; margin: 0 auto"}

然后，调用转到控制器

class VulnerabilitiesController < ApplicationController

  before_action :set_project_or_fail
  before_action :set_best_project_security_set
  before_action :set_releases
  before_action :set_vulnerabilities

  def vulnerabilities_per_version
    gon.watch.release_versions = @releases.map { |r| r.version }
    puts gon.release_versions
  end

  private 

  def set_project_or_fail
    project_id = params[:project_id] || params[:id]
    @project = Project.by_vanity_url_or_id(project_id).take
    raise ParamRecordNotFound unless @project
  end

  def set_best_project_security_set
    @best_project_security_set = @project.best_project_security_set
  end

  def set_releases
    @releases = @best_project_security_set.releases.order(released_on: :asc).limit(10)
  end

  def set_vulnerabilities
    @vulnerabilities = Array.new(3) { [] }
    @releases.each do |r|
      @vulnerabilities[0] << r.vulnerabilities.low.count
      @vulnerabilities[1] << r.vulnerabilities.medium.count
      @vulnerabilities[2] << r.vulnerabilities.high.count
    end
  end
end

正如您所看到的，release_versions变量正被传递给gon，我可以在日志中查看我正在查找的值在那里。

一旦离开控制器，就会呈现js.erb文件：

vulnerabilites_per_version.js.erb

alert(gon.watch.release_versions)

$(function () {
    $('#vulnerabilities').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Vulnerabilities per Version',
            align: 'left',
            style: {
                color: '#336699',
                fontSize: 16
            }
        },
        legend: {
            align:  'left',
          itemWidth: 127
        },
        xAxis: {
            categories: gon.release_versions
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Vulnerabilities'
            },

            .........code.....

此问题的原因可能是什么？为什么我无法访问js.erb文件中的数据？根据gon文档，我应该已经为数据的渲染做好了一切准备，但它并没有。作为第二次尝试，我也继续阅读了gon.watch的用法，但还是没有成功。有什么想法吗？在这件事上的帮助将非常感谢。

Answer 1

我不确定这里的gon是什么，但是如果您将gon声明为一个实例变量(@gon)，那么应该可以做到这一点。

控制器

def show
  @dog = Dog.first
  cat = Cat.first
end

查看：show.html.erb

@dog.name => "Sparky"
cat.name  => undefined method 'name' for nil class

Answer 2

我怀疑您的js.erb文件没有更新全局gon变量。

尝试在模板中设置全局gon变量：

#vulnerabilites_per_version.js.erb
gon = #{gon}
console.log(gon.watch.release_versions)