如何将变量的值从javascript传递给rails

时间:2017-01-28 15:17:00

标签: javascript ruby-on-rails ruby

我对rails非常陌生,请帮帮我。

这是我的javascript,我希望filename值在控制器page_controller中传递给create_table操作

$(document).ready(function(){
$("#prefix, #client, #myFile").change(function(){
    concatenated_string = $("#prefix").val() + "_" + $("#client").val() + "_" + $("#myFile").val();
    $("#concatenated_string").val(concatenated_string);
     myvar = concatenated_string.replace(/C:\\fakepath\\/i, '');
     myvar = myvar.replace(/\..+$/, '');
     myvar = myvar.replace(/\s+/, "_");

     var filename = myvar //This variable

    $("#temp_display").text(filename)

 })
})

以下文件是我的page_controller.rbcreate_table操作

class PageController < ApplicationController

  # before_action :authenticate_user!
  #before_action :set_company, only: [:show, :edit, :update, :destroy]
  before_action :authenticate_user!, only: [:index]

  def home
  end


  def titlebar
  end


 def insert_table
  #redirect_to :action => "create_table"
 end 

  def create_table

            filename = params[:filename]

  end  
end

这就是终端

    Started POST "/page/create_table" for ::1 at 2017-01-28 20:45:05 +0530
Processing by PageController#create_table as HTML
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"TAcnZfhr8Amg8/xupgJVlAosz+/hNPgFgxVT4cg5x+OKvRwvrtm6Z5momvQiHsYBcl1tZWUu525Z1VTxqWIu8Q==", "commit"=>"upload file"}
  Rendering page/create_table.html.erb within layouts/application
  Rendered page/create_table.html.erb within layouts/application (0.5ms)
Completed 200 OK in 190ms (Views: 186.7ms | ActiveRecord: 0.0ms)

2 个答案:

答案 0 :(得分:0)

您可以在下面的表单中找到 隐藏输入字段 文件名 值可以是附加,以便您可以捕获create_table操作中的值。

#in your form
<input type="hidden" name="filename" id="my_file_name" value="">

在剧本中

$(document).ready(function(){
$("#prefix, #client, #myFile").change(function(){
    concatenated_string = $("#prefix").val() + "_" + $("#client").val() + "_" + $("#myFile").val();
    $("#concatenated_string").val(concatenated_string);
     myvar = concatenated_string.replace(/C:\\fakepath\\/i, '');
     myvar = myvar.replace(/\..+$/, '');
     myvar = myvar.replace(/\s+/, "_");

     var filename = myvar //This variable

    $("#temp_display").text(filename);
    $("#my_file_name").val() = filename; //Add this line

 })
})

现在,您可以使用params[:filename]捕获 filename 的值。

答案 1 :(得分:0)

我得到了解决方案。

这是我的js

function myFunction()
{
    concatenated_string = $("#prefix").val() + "_" + $("#client").val()     + "_" + $("#myFile").val();
 $("#concatenated_string").val(concatenated_string);
 myvar = concatenated_string.replace(/C:\\fakepath\\/i, '');
 myvar = myvar.replace(/\..+$/, '');
 myvar = myvar.replace(/\s+/, "_");

 var filename = myvar;

$("#temp_display").text(filename);
document.getElementById("my_file_name").value = filename;  
}

这在我看来是由pavan建议的

<input type="hidden" name="filename" id="my_file_name" value="">

这是我的控制器

  def create_table
        filename = params[:filename]
        content = params[:file].path
  end