在Sinatra應用中將Ruby數據發送到Javascript

Question

我想知道如何將數據從我的Sinatra應用發送到Javascript。

現在，我能夠通過erb文件將數據發送到網頁。 但是，我試圖更好地呈現數據，這要求信息通過一些JS，並且不確定如何做到這一點。

<!-- language: lang-js -->

$(function() {

var data = [{
    label: "Chrome",
    data: 40
}, {
    label: "Safari",
    data: 35
}, {
    label: "Mozilla",
    data: 15
}, {
    label: "Firefox",
    data: 10
}];

var plotObj = $.plot($("#flot-pie-chart"), data, {
    series: {
        pie: {
            show: true
        }
    },
    grid: {
        hoverable: true
    },
    tooltip: true,
    tooltipOpts: {
        content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
        shifts: {
            x: 20,
            y: 0
        },
        defaultTheme: false
    }
});

});

如何將Ruby傳遞到此JS對象並在HTML上呈現它？

Answer 1

您可以在ruby中設置一個變量（ rubyVarName = someValue ），然后通過set var someVar = <%=rubyVarName%>; 。 這樣您就可以在JS中以someVar的rubyVarName訪問rubyVarName的值。