Question

我正在使用ajax函数将注释附加到现有注释列表中。我有附加工作，但在我追加后，评论仍然在文本字段中。我试图找出如何在追加后清除文本字段。关于如何解决这个问题的任何指示都将非常感激。

$('.new_question_comment').on('submit', function(event) {
  event.preventDefault();
  $form = $(event.currentTarget);
  $.ajax({
    type: "POST",
    url: $form.attr('action'),
    data: $form.serialize(),
    dataType: "json",
    success: function(data) {
    $form.siblings().first().append("<h6>"+ "-" + data.body + "</h6><br>")
    }
  });
});

Answer 1

如果特定文本字段有ID，请说“text”，请直接清除它：

document.getElementById('text').value='';

您也可以清除整个表单：

document.getElementById('form').reset();

Answer 2

在success回调函数中，在追加数据后添加以下内容：

$form.each (function() { this.reset(); });

这会将表单值重置为默认值。

jsFiddle example

您还可以使用本机JavaScript表单重置功能：

$form[0].reset();

使用追加到ajax后清除表单域

2 个答案: