刷新文本框

Question

我有这样的代码提交到数据库，但不refresing，但问题是，当它的发送，变量仍停留在文本框

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 


<script> 
$(document).ready(function(){ 
    $("form").on('submit',function(event){ 
    event.preventDefault(); 

     data = $(this).serialize(); 

     $.ajax({ 
     type: "POST", 
     url: "insert.asp", 
     data: data 
     }).done(function(msg) { 

     }); 
    }); 
}); 
</script> 

我在想，如果有一种方法变量将在发送到数据库后从文本文件中消失，甚至在保存数据时会自动消失。

Answer 1

我想你会想要做的就是添加在下面的Ajax请求回调您所期望的行为。目前，您正在使用“done”作为回调，无论成功或失败，在我理解的情况下，只要ajax调用完成，就会执行该操作。如果这就是你想要的，在这个回调中添加文本域清除和警报代码，否则像“成功”这样的回调可能更合适。

我不完全确定你的意思是“警报”......如果你指的是一个警报框，即：alert（），我不会建议它。这会暂停脚本，直到用户单击该按钮，因此无法在警报显示后终止警报。此外，警报箱并不是向用户展示最好的东西。另一种方法是在页面的某个地方定义一个div，在成功/完成回调中将成功消息添加到jquery中，然后设置一个超时时间以使其消失（包含在我的示例中）。如果你正在寻找更精细的东西，jquery ui有一些替代方案可以在他们的小部件中提醒框。

也许这个代码可以给你一些想法开始：

<script> 
$(document).ready(function(){ 
    $("form").on('submit',function(event){ 
     event.preventDefault(); 

     data = $(this).serialize(); 

     $.ajax({ 
     type: "POST", 
     url: "insert.asp", 
     data: data 
     }).success(function() { 

      $("#feedback").append("<div class='messages' style='border:1px green solid; padding:2px; margin:5px;'>successfully submitted!</div>"); 

      setTimeout(function() { 
       $(".messages").fadeOut(function(){ 
        $(".messages").remove(); 
       }); 
      }, 1000); 

      $("input[type=text]").val(""); 

     }); 
    }); 
}); 
</script> 

哪里有一个id =“反馈”，你想显示消息的股利。

Answer 2

你可以做这样的事情：

$('input[type=text]').val(''); // select all text inputs and assign value of '' 

您的代码：

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 


<script> 
$(document).ready(function(){ 
    $("form").on('submit',function(event){ 
    event.preventDefault(); 

     data = $(this).serialize(); 

     $.ajax({ 
     type: "POST", 
     url: "insert.asp", 
     data: data 
     }).done(function(msg) { 
      $('input[type=text]').val(''); 
     }); 
    }); 
}); 
</script>