使用Sinatra和Ruby连接HTML按钮

您是否已经有了一个发布到Sinatra处理程序的表单,并且执行您想要的操作?

如果是这样,您可以使用jquery很容易地使它半开。

1. 将jquery.js添加到公共目录,并从布局中要求它

2. 添加一些JS以在单击按钮时发布到处理程序中。

   // 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文档

• submit
• post
• serialize
• html

我想[_]通过(服务器)发送命令[_]而不切换到其他页面

这被称为 阿贾克斯 通常使用 XMLHttpRequest .