[英]How can I make a form with method=“get” submit with Turbolinks
I have a search form on my page, and it is safe for Turbolinks to be enabled as it is using method="get" 我的页面上有一个搜索表单,启用Turbolinks是安全的,因为它使用method =“get”
Is there any easy way to have the form submit under control of Turbolinks (ie avoid page refresh) 是否有任何简单的方法可以在Turbolinks的控制下提交表单(即避免页面刷新)
You could use something like this in your application.js
: 你可以在你的application.js
使用这样的东西:
// send get forms through turbolinks
$(document).on("submit", "form[data-turboform]", function(e) {
Turbolinks.visit(this.action+(this.action.indexOf('?') == -1 ? '?' : '&')+$(this).serialize());
return false;
});
Then, to enable any form to be sent with turbolinks you would need to add the data-turboform
attribute to the form, like this: 然后,要使用turbolinks发送任何表单,您需要将data-turboform
属性添加到表单中,如下所示:
<form action="..." method="get" data-turboform>
...
</form>
At the turbolinks project, there's issue #64 where someone has written a Coffeescript implementation for Rails. 在turbolinks项目中,有问题#64 ,有人为Rails编写了Coffeescript实现。
Add the code provided at that link. 添加该链接提供的代码。 It adds a turboforms
function that needs to be called at page ready, like this: 它添加了一个需要在页面就绪时调用的turboforms
函数,如下所示:
$(turboforms);
I'm in the process of implementing this, I'll update my answer if I find out anything else that's useful. 我正在实施这个,如果我发现其他任何有用的东西,我会更新我的答案。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.