这个问题令他非常困惑。我有一个简单的形式,有一个remote: true
方法。我只是试图从表单中获取用户输入并将其发送到javascript以供进一步使用。
/卖弄/app/controllers/queries_controller.日本
在控制器中,当我使用pry我期望的所有值都存在,但是当它发送到javascript它的gon值时总是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
/卖弄/app/models/query.日本
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
视图/共享/ _form.html.erb
<%= form_tag queries_path, method: :get, remote: true do %>
<%= text_field_tag :query %><br>
<%= submit_tag 'Search' %>
<% end %>
/卖弄/app/views/queries/index.就是.而不
发送到控制台时,此值未定义。
$(document).ready(function(){
console.log(gon.stats)
});
/卖弄/app/views/layouts/application.HTML.而不
<!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
。
我真的很难过这个,它困扰我,因为它已经有几天了,我仍然没有得到预期的结果。任何帮助将非常感激。
据我所知,gon
不允许这样做。或者至少没有通过ajax请求更新gon
变量的开箱即用机制。他们有gon.watch
,但它适用于其他用例。
而且我认为你不需要它。当您的服务器使用.js.erb
模板进行响应时,您已经可以访问javascript中的数据。您可以访问@stats
变量<%= @stats %>
。不需要在那里使用gon
。