当前位置: 首页 > 面试题库 >

rails 3.1提交一个带有链接的ajax(远程:true)表单

轩辕源
2023-03-14
问题内容

在Rails 3.1应用程序上使用Ajax,我需要能够使用链接而不是提交按钮来提交ajax表单(带有remote:true)。

我需要对链接(或表单)进行什么操作以使其以Ajax形式而不是普通形式提交?我尝试将onclick
java添加到链接中,但是在每种情况下,它只是以非ajax方式(页面刷新)提交表单。

目前,使用提交按钮可以使ajax窗体正常工作,因此它必须很小。

谢谢!


问题答案:

使用:remote => trueAjax事件创建表单时,该事件绑定到表单的“提交”按钮。您必须使用javascript触发该事件。这是我用来完成类似操作的一些代码:

<%= form_for [item.list, item], :remote => true, :html => { :'data-type' => 'json', :id => 'change-completed-form' } do |f| %>
    <td><%= f.label :name, item.name %></td>
    <td><%= f.check_box :completed, :onClick => "this.form.submit_button.click();" %></td>
    <%= f.submit :id => 'submit_button', :style => 'display: none;' %>
<% end %>


 类似资料:
  • 问题内容: 在我看来,我想使用ajax将表单提交给控制器。我有这个: 请求完成并成功完成后,我应该会在控制台中收到一条消息,并收到一个Toastr通知,但是我什么都没有收到,也没有收到任何控制台错误,但是我输入的记录已成功输入,因此,意味着该表单是通过常规MVC约定提交的。 如何使我的Ajax提交工作? 更新资料 在下面用Sparky进行评论后,我将代码更改为: 现在,如果表单为空..而我按下了创

  • Framework7 可以通过ajax自动提交 有两种自动提交方式: 当用户提交了表单 (点击了提交按钮) 或者当通过代码触发了 "submit" 事件 当用户更改了表单的内容,或者当通过代码触发了 "change" 事件 submit时提交表单数据 只需要添加 "ajax-submit" class 在form上,当submit时就会自动通过ajax发送表单数据 <form action="se

  • Jquery Mobile会自动通过ajax处理表单的提交,并在表单页面和结果页面之间创建一个平滑的转场效果。注意请在form元素上正确设定action 和method属性,保证表单的提交。如果没有指定,提交方法默认为get,action默认为当前页的相对路径(通过$.mobile.path.get()方法取得 表单也可以像链接一样指定转场效果的属性,比如data-transition="pop"

  • 问题内容: 我有一个包含几种形式的页面。我想添加一个提交按钮,该按钮将允许同时保存所有表单,如下所示: 我遇到的问题是,提交第一个表单后,它将页面重定向到该表单的目的地-我想拦截该重定向,以便我可以处理下一个表单。 我知道这可以通过AJAX完成,这将以某种方式允许我捕获返回的页面(如果我选择的话可以忽略它),但是我不知道如何在不映射表单中的每个字段的情况下执行此操作手动。 有人可以帮忙吗? 问题答

  • 问题内容: 我有一个看起来像这样的表格: 当我绑定到表单的Submit()时,似乎无法访问用户单击的图像。因此,我试图绑定到单击图像本身(),该图像总是提交表单,无论我是否尝试 返回false; event.stopPropogation(); 要么 event.preventDefault(); 因为所有这些都是表单事件。 我应该将$ .post()附加到form.submit()事件上吗,如果

  • 描述 (Description) Framework7允许您使用以下两种方式使用Ajax自动发送数据 - 当用户提交表单或submit事件时,以编程方式触发表单。 当用户修改任何表单字段或以编程方式change表单上触发的事件时。 发送提交表单数据 要自动启用Ajax表单并单击“提交”发送表单数据,您需要将ajax-submit类添加到表单中。 用户提交表单后,Ajax将使用以下规则自动发送表单数