使用 Sinatra 和 ruby 连接 HTML 按钮

发布于 2024-08-20 01:16:21 字数 395 浏览 1 评论 0原文

披露：我对网络编程一无所知

问题背景： 我有一个环境测试室在不同温度下测试嵌入式计算机。它由 Windows 应用程序控制。我可以通过 ruby 和控制应用程序的 Win32API 接口来控制腔室。该会议厅距离我的办公室很远，我可以远程监控状态并通过网络界面触发更改。 Sinatra 可以轻松地通过 Web 服务器显示状态。

我的问题：我想单击状态网页上的按钮并通过 Sinatra 和 Ruby 向应用程序发送命令，而无需切换到其他页面。我找不到任何类似的例子或信息。

答案：您可以使用 Ajax（如已接受的答案中所示），但我将使用帖子并重新加载页面。它简单得多，但不是那么顺利。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

好久不见√ 2024-08-27 01:16:21

您是否已经有一个可以 POST 到 sinatra 处理程序并执行您想要的操作的表单？

如果是这样，您可以使用 jQuery 轻松使其支持 ajax。

将 jquery.js 添加到您的公共目录中从布局中要求它

添加一些 js 以在单击按钮时发布到处理程序。

// 假设您的表单有 id=myform
// 定义提交表单时的回调#myform。
$("#myform").submit(function() {
  //使用ajax将表单内容发布到/action
  $.post("/action", $("#myform").serialize(), 函数(结果){
    // 假设 result 是 html 中更新数据的字符串
    // 并假设您的数据位于具有 id 数据表的元素中
    $("#data-table").html(结果)
  });
  返回假； // 阻止表单正常提交
});

Do you already have a form that POSTs to a sinatra handler and does what you want?

If so, you could easily make it ajaxy by using jQuery.

Add jquery.js to your public directory & require it from the layout

Add some js to post to your handler when your button is clicked.

// assuming your form has id=myform
// defines a callback on submission of the form #myform.
$("#myform").submit(function() {
  //posts the contents of the form to /action using ajax
  $.post("/action", $("#myform").serialize(), function(result){
    // assuming result is a string of the updated data in html
    // and assuming that your data goes in an element with the id data-table
    $("#data-table").html(result)
  });
  return false; // prevents the form from submitting normally
});

jquery docs for

回复收藏 0 原文