Question

我使用Ajax将数据插入表中。我使用的是ajax，因此我的页面无法刷新。这是我用于调用插入页面的Ajax代码：

<script type="text/javascript">
var i = jQuery.noConflict();

  i(document).ready(function(){
i('#myForm').on('submit',function(e) {

    i.ajax({
        url:'insert.php',
        data:$(this).serialize(),
        type:'POST'
        });
e.preventDefault();
});


});
  </script>

现在，每当我在文本框中写入并点击提交按钮时，数据就会被输入，但它仍保留在文本框中，我必须按删除按钮才能将其删除。

问题：当我按下提交按钮时，如何才能清除数据？

Answer 1

您可以在ajax成功处理程序

中重置表单

var i = jQuery.noConflict();

jQuery(function ($) {
    $('#myForm').on('submit', function (e) {
        $.ajax({
            url: 'insert.php',
            data: $(this).serialize(),
            type: 'POST',
            context: this
        }).done(function () {
            this.reset();
        });
        e.preventDefault();
    });
});

Answer 2

document.getElementById('myForm').reset(); // In Javascript

$("#myform")[0].reset(); // In jQuery Fashion

Answer 3

您可以按照arun建议或成功时重置表单字段，如下所示

var i = jQuery.noConflict();

jQuery(function ($) {
    $('#myForm').on('submit', function (e) {
        $.ajax({
            url: 'insert.php',
            data: $(this).serialize(),
            type: 'POST',
            success:function(data) {
         $('#myForm')[0].reset();
      }
        });
        e.preventDefault();

希望有所帮助

提交明文框后

3 个答案: