如何在腳本中的link_to標記內使用javascript變量？

Question

我正在嘗試創建一個鏈接，將一些變量傳遞到另一個頁面，問題是我需要通過javascript執行此操作。 這是我的javascript變量：

data.forEach(function(i) {

  var html = '<div><%= link_to "", "/campaigns/new", :method => :get, area: i.id %></div>';
});

這里出現的問題是i.id拋出語法錯誤，因為它認為i是一個ruby變量。

如何告訴它使用i作為javascript變量？

Answer 1

下面的ruby代碼甚至在JavaScript執行之前執行。

<%= link_to "", "/campaigns/new", :method => :get, area: i.id %>

所以你不能在ruby和JavaScript之間混合，就像你給你的i.id 。

JavaScript解決方案：

data.forEach(function(i) {
  var html = '<div><a href="/campaigns/new?area=' + i.id + '"></a></div>';
});

Answer 2

要嚴格回答您的問題，您可以這樣做：

data.forEach(function(i) {
  var html = '<div><a href="/campaigns/new" area="' + i.id + '"></a></div>';
});

但是，將數據作為數據屬性存儲在元素上通常是更好的做法，並使用element.data("area")類的調用在JS代碼中檢索它們。