首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >用于清除表单输入数据的Rails AJAX调用

用于清除表单输入数据的Rails AJAX调用
EN

Stack Overflow用户
提问于 2019-05-19 20:38:36
回答 1查看 82关注 0票数 0

在通过AJAX成功创建记录之后,rails表单仍然存在,其中包含用于创建新记录的数据。

表单调用

代码语言:javascript
复制
<%= form_with model: Usercontent.new, data: {'js-usercontent-form' => true} do |form| %>

<form data-js-usercontent-form="true" action="/usercontents?locale=en" accept-charset="UTF-8" data-remote="true" method="post">

尝试通过reset重置没有数据的表单

代码语言:javascript
复制
$(document).on('turbolinks:load', function() {
  $('[data-js-usercontent-form]').on("ajax:success", function(event, data, status, xhr){
    var usercontent = $(xhr.responseText).hide();
    $('#usercontents').append(usercontent);
    usercontent.fadeIn(1000);
    document.getElementById('data-js-usercontent-form').reset();
  });

  $('[data-js-usercontent-id]').on("ajax:success", function(event, data, status, xhr){
    var usercontent_id = xhr.responseJSON.id;
    $('[data-js-usercontent-id=' + usercontent_id + ']').hide();
  });
});

不幸的是失败了。有多个字段,因此问题是,是否有一种方法可以将所有字段清除为其默认(空或提示)状态更新,同时保持销毁块的完整性?

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56207911

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档