如何通过外部JS文件访问ruby / rails应用程序变量

时间:2013-07-28 00:58:30

标签: javascript ruby-on-rails ajax

我正在构建一个内部应用程序,用于跟踪付费搜索广告的性能。

假设我有一些不同的付费搜索广告系列可以将流量引导到不同的网站(让我们称之为“目标网站”)。当用户点击付费广告并登陆目标网站时,会使用JS设置Cookie。然后我会查找该cookie的存在,如果已设置(意味着它们必须来自adwords),我会将页面上的默认电话号码换成跟踪号码。

我通过从目标网站引用我的rails应用程序中的JS文件来完成此操作,如下所示:

<script src="http://www.myapp.com/assets/application.js" type="text/javascript"></script>

JS脚本的适用内容:

if(window.location.href.indexOf("gclid") > -1) {
       document.cookie = "ppc=adwords; path=/";
    }


function getCookie(name) {
    var nameEQ = name + '=';
    var ca = document.cookie.split(';');

    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1, c.length);
        }

        if (c.indexOf(nameEQ) == 0) {
            return unescape(c.substring(nameEQ.length, c.length));
        }
    }

    return "";
}


var value = getCookie('ppc'); 
if (value != '') { 
  // this user has the cookie, which means they came from gclid
    alert("this user has the ppc cookie!");

    var testswap = function(){
        var swap = document.getElementById("test").textContent;
        document.getElementById("test").textContent = "New Number Insert";
    }
    document.addEventListener("DOMContentLoaded", testswap);

} else { 

    alert("user doesn't have cookie");
  // this user lacks the cookie, which means they came from somewhere else
}

我将每个帐户的付费搜索号存储在应用程序的数据库中。访问它的最佳方法是什么,以便我可以从上面的脚本中交换此行中的数字

document.getElementById("test").textContent = "New Number Insert from app's database";

我以为我通过使用gon gem解决了这个问题,但很快意识到它无法访问目标站点上控制器中设置的变量(我知道这听起来很明显,但我想也许曾经目标站点引用JS文件,JS文件可以访问这些)。 AJAX是可行的吗?

免责声明:在编程方面,我还是很新的,所以如果这个破旧可能更简洁,我会道歉。另外,我知道这可能不是最有效的代码所以我很抱歉,如果这让解释起来有点复杂。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

您可以创建另一个控制器,通过cookie(或与用户号码相关的任何其他值)搜索用户的号码,然后通过ajax获取。

注意:未经测试的代码

控制器(也配置您的路线):

 class UsersController < ApplicationController
   def get_number
     @cookie = params[:cookie]
     @user = User.where(cookie: @cookie).first
     render json: @user.to_json
   end 
 end

然后在application.js

  $.get("<your controller route>",{cookie: value},function(data){
      var testswap = function(){
          var swap = document.getElementById("test").textContent;
          document.getElementById("test").textContent = data.number;
      }
  });