javascript - 在 Sinatra 应用程序中将 Ruby 数据发送到 Javascript

标签 javascript html ruby sinatra erb

我想知道如何将数据从我的 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 上呈现它?

最佳答案

您可以在 ruby​​ ( rubyVarName = someValue ) 中设置一个变量,然后设置 var someVar = <%=rubyVarName%>; 来访问它.这将允许您访问 rubyVarName 的值作为someVar在你的 JS 中。

关于javascript - 在 Sinatra 应用程序中将 Ruby 数据发送到 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30538061/

相关文章:

相当于 VBS redim 保留的 Javascript

javascript - 如何将范围变量传递到指令的 `tAttrrs` 对象中?

ruby - 检查数组中的所有值是否都以字符串开头

ruby - Guard::RSpec 错误:未指定 cmd 选项,无法运行规范

javascript - 在Nodejs中重新分配变量时,存储旧变量的内存会释放吗?

javascript - 为什么 react-select 的菜单选择的 setState 使模态关闭状态?

html - 仅限 Firefox 中的疯狂 CSS 问题 - 位置固定和背景颜色

javascript - 长度 - 1 比 JS 中应有的长度要长

python - 我想从具有类值的 div 打印数据,但我的代码不断从另一个类似的 div 返回其他数据

ruby-on-rails - 将 get 参数添加到辅助方法