通过键盘上的AJAX使rails提交表单

通过键盘上的AJAX使rails提交表单,ajax,ruby-on-rails-5,onchange,keypress,Ajax,Ruby On Rails 5,Onchange,Keypress,我正在尝试用rails 5.2构建一种计算器。 我需要在编写输入字段时更新结果字段。如果我按键盘上的enter键,AJAX的一切工作都会非常完美,但是如果我试图在字段修改后立即自动提交表单,则一切都无法正常工作 视图input.html.erb <%= form_with url: achatproprietaire_output_path do |form| %> <div class="form-group mb-3"> &

我正在尝试用rails 5.2构建一种计算器。 我需要在编写输入字段时更新结果字段。如果我按键盘上的enter键,AJAX的一切工作都会非常完美,但是如果我试图在字段修改后立即自动提交表单,则一切都无法正常工作

视图input.html.erb

<%= form_with url: achatproprietaire_output_path do |form| %>
    <div class="form-group mb-3">
        <%= form.label :credits_conso, "Montant des crédits conso", for:"example-helping" %>
        <%= form.text_field :credits_conso, id: "example-helping", placeholder: "crédits conso", class: "form-control", id: "crédit_conso" %>
        <span class="help-block"><small>en euros par mois</small></span>
    </div>
使用enter键正确调用js.erb文件

$('#output_col').replaceWith("<%= j render 'output', capacité_emprunt_maximal: @capacité_emprunt_maximal,
    montant_mensuel_maximal: @montant_mensuel_maximal,
    taux_interet: @taux_interet,
    taux_assurance: @taux_assurance %>");
$('#output_col')。替换为(“”);
我的控制器中没有渲染或重定向到

我还尝试在表单字段中添加onchange:“Rails.fire(this.form,'submit')”,但它在提交表单时不使用AJAX

此外,我不知道如何处理视图和控制器,以满足这一需求。我在同一个视图中有一个GET和POST请求->这是一个计算器。。。也许问题来自这里


有什么想法吗???

看起来你有几个问题在一起:能把它们分开吗?另外,你所说的“它不工作”是什么意思:请求是否已发送?如果是,您会收到错误消息吗?好的,我的问题是:为什么当我使用jQuery.submit()函数提交表单时,请求会重新加载我的整个视图,而不会通过rails AJAX?您好!几个月过去了,我在另一个网站上也遇到了同样的问题。我仍然不知道如何使用JS提交表单来调用AJAX,如果有人在这里,我将非常感谢您的帮助。。。谢谢,这就是我刚带来的。它不适用于纯javascript。但是当使用jQuery时,它是有效的:$(“#searchform”).keyup(函数(e){$(“#searchform”).submit();});通过AJAX正确地启动表单,页面不重新加载,甚至不需要e.preventDefault();只是想知道为什么现在。。。谢谢!抱歉:我的观点是,要想得到关于StackOverFlow的答案(不仅仅是我糟糕的评论!),你需要提出不同的问题:一次只问一个问题,然后发布错误消息。这样,很多人可以给你答案!
$('#output_col').replaceWith("<%= j render 'output', capacité_emprunt_maximal: @capacité_emprunt_maximal,
    montant_mensuel_maximal: @montant_mensuel_maximal,
    taux_interet: @taux_interet,
    taux_assurance: @taux_assurance %>");