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

Question

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

Answer 1

在你的小部件中，你需要从 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

祝你好运!