javascript - 从 Dashing 中的小部件中提取数据

标签 javascript jquery ruby-on-rails ruby dashing

我创建了一个带有下拉菜单的小部件,我想使用 HTML 下拉菜单中选择的值更新我的 ruby​​ 查询。我目前正在使用 nokogiri 来拉取本地主机仪表板。 nokogiri 能够从sample.erb 中提取数据。然而,包含实际信息(包括下拉列表)的 HTML 文件不会被 nokogiri 抓取。抓取的 HTML 停止于数据绑定(bind) div,当我打印出 nokogiri pull 时,里面什么也没有出现。无论如何,我可以获取整个 HTML 或将值从 HTML 或 Coffeescript 传递给 ruby​​ 吗?

最佳答案

在你的小部件中,你需要从 DOM 中获取数据。 nokogiri 只能获取您正在呈现的服务器端 HTML(发送到客户端的内容)。

包含用户在其中选择选项的数据的 HTML 实际上称为 DOM,您可以使用 JavaScript(在本例中为 Coffeescript)从中获取信息。

假设您有一个像这样的下拉菜单:

<select id='day-of-week'>

您可以将处理程序绑定(bind)到其更改事件并像这样响应它:

dropdown = $('#day-of-week'); // Use jQuery to get the select by id
dropdown.on 'change', () ->
  selectedValue = $(this).val(); // jQuery to get selected value of dropdown

在开始小部件构建之旅之前,您可能想了解更多有关 HTML/JS 的知识。以下是一些有关 DOM 的文档,可帮助您入门:

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

祝你好运!

关于javascript - 从 Dashing 中的小部件中提取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33881098/

相关文章:

javascript - 使用JS一键上传文件

javascript - 使用 createElement() 创建的新元素不接受全局命令

Javascript 动态添加 cdata 部分?

jquery - 为什么 jquery.validate 似乎不适用于用户控件?

ruby-on-rails - Rails - Simple Form Bootstrap - 显示内联错误的全文 -(或任何地方)

javascript - 使用 Jquery 从 Json 返回数据中删除双引号

javascript - 是否有 JavaScript "select box reveal"事件或类似事件? (使用 jQuery)

javascript - 与运行长作业的第三方 API 同步的最佳实践(javascript、node.js)

ruby-on-rails - 访问 Controller 中模型方法内定义的变量。

ruby-on-rails - 根据虚拟属性设置事件记录属性