将变量从 Ruby 传递到 JavaScript答案

【问题标题】：Passing variable from Ruby to JavaScript将变量从 Ruby 传递到 JavaScript
【发布时间】：2014-05-11 06:35:49
【问题描述】：

我正在 Sinatra 网站上开发短信验证功能。我得到了这个代码：

post '/coop/sendcode' do
  @code = Random.rand(1000..9999).to_s
  phone = params[:phone].to_s
  HTTParty.get('http://sms.ru/sms/send?api_id=' + api_id + '&to=' + phone + '&text=' + @code)
end

还有这个观点：

%form
  %div.form-group
    %label Phone
    %input#phone.form-control{:name => "phone", :placeholder => "7 950 123 45 67"}
  %button#sendsms.btn.btn-default{"data-toggle" => "modal", "data-target" => "#myModal"} Send

还有这个 JS：

  $(document).ready(function(){
    $("#sendsms").click(function(){
      var phone = $("#phone").val();
      $.ajax({
        url: "/coop/sendcode",
        data: {"phone": phone},
        type: "post"
      });
    });
    $("#checkcode").click(function(){
      var serversCode = @code
      var usersCode = $("#code").val();
      if (serversCode == usersCode) {
        console.log("good: srv - " + serversCode + ", usr - " + usersCode);
      } else {
        console.log("bad: srv - " + serversCode + ", usr - " + usersCode);
      }
    });
  });

用户输入电话号码后，按下发送按钮，打开模态窗口（带有button#checkcode），他可以在其中输入短信验证码。但是这段代码不起作用，主要问题是如何将 @code 变量从 Ruby 传递给 JS？

提前谢谢你。

【问题讨论】：

标签： javascript jquery ruby ajax sinatra

【解决方案1】：

尝试使用这个 gem：https://github.com/gazay/gon-sinatra

它将允许您像这样在控制器中设置代码：

gon.code = @code

并以类似的方式在 javascript 中访问它：

var serversCode = gon.code

【讨论】：