Question

这个问题使他很困惑。我有一个具有remote: true方法的简单表单。我只是试图从表单中获取用户输入，然后将其发送给javascript以作进一步使用。

/main/app/controllers/queries_controller.rb

在控制器中，当我使用pry时，我希望存在的所有值都在那里，但是当将gon值发送到javascript时，它总是undefined。

def index
    search_term = params[:query]
    @stats = Query.api_response(search_term)
    gon.stats = @stats

    respond_to do |format|
        format.js
        format.html
    end
  end

/main/app/models/query.rb

    class Query < ApplicationRecord

        def self.api_response(term)
            url = "https://api.ritekit.com/v1/stats/history/#{term}?tags=&client_id="
            api = "1234567890123456789"
            return HTTParty.get(url + api)
         end        
 end

views / shared / _form.html.erb

<%= form_tag queries_path, method: :get, remote: true do %>
    <%= text_field_tag :query %><br>
    <%= submit_tag 'Search' %>
<% end %>

/main/app/views/queries/index.js.erb

此值在发送到控制台时未定义。

$(document).ready(function(){
  console.log(gon.stats)
});

/main/app/views/layouts/application.html.erb

<!DOCTYPE html>
<html lang="en">
  <head>
    <%= include_gon %>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
    <%= stylesheet_link_tag    "application" %>
    <%= javascript_include_tag "application" %>
    <%= csrf_meta_tags %>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
        <script src="https://cdn.datatables.net/plug-ins/1.10.19/api/sum().js"></script>
        <link href="https://fonts.googleapis.com/css?family=Righteous" rel="stylesheet">
  </head>

我也尝试过

<%= content_tag "div", id: "foobar", data: {value: @stats} do %><% end %>

当我使用jQuery访问它时，也得到了undefined。

我真的很讨厌这个，它困扰着我，因为已经几天了，我仍然没有得到预期的结果。任何帮助将不胜感激。

Answer 1

据我所知gon不允许这样做。或至少没有通过ajax请求更新gon变量的现成机制。他们有gon.watch，但用于其他用例。

我认为您不需要它。当服务器使用.js.erb模板响应时，您已经可以访问javascript中的数据。您可以像@stats那样访问<%= @stats %>变量。无需在那里使用gon。

控制器操作值未通过Gon gem传递给javascript

1 个答案: