将变量传递到javascript rails

Question

使用rails cast http://railscasts.com/episodes/324-passing-data-to-javascript?autoplay=true

将变量从我的控制器传递给javascript。

我有一个按钮，当我单击它时，我希望它显示投票数。

我正在使用gon。

但是，当我尝试运行它时，我的警报显示该变量未定义，即使我在控制器中进行了设置

_source.html.erb

  <div class="panel-body">
  <%= include_gon(:init => true) %>
    <%=source.source %>
    <% @count = pluralize(source.upvotes.count,"upvote") %>
    <div id="count"><%= @count %></div>
    <%= button_to '+1', upvote_source_path(source), method: :post,remote: true %>

    <p><%= link_to "delete", [source.fact, source], method: :delete, data:{confirm: "are you sure?"} %></p>
  </div>

application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <title>Sourcemonkey</title>
    <%= include_gon(:init => true) %>
    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
    <%= yield %>
  </body>
</html>

sources_controller.rb->支持动作

def upvote
        @source = Source.find(params[:id])
        @source.upvotes.create
        gon.count = @source.upvotes.count
        respond_to do |format|
        format.js {render :js =>"upDateCount()"}
        format.html { redirect_to :none}
        end
    end

upvote.js.erb

function upDateCount(){
    alert(gon.count)
 }

routes.rb

Rails.application.routes.draw do
  # mount Ckeditor::Engine => '/ckeditor'
  # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
  root to: "facts#index"

  resources :facts do
    resources :sources
  end

  resources :sources do
    member do
        post 'upvote'
    end
  end

  resources :upvote
end

欣赏想法，谢谢

Answer 1

在这种情况下，将upvote count传递给upDateCount可能会更容易

format.js {render :js =>"upDateCount(#{@source.upvotes.count})"}

并在其中使用参数代替gon数据。

将变量传递到javascript rails

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-09-09 08:17:43

将变量传递到javascript rails

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-09-09 08:17:43

解决方案1
1 已采纳 2016-09-09 08:17:43