Question

Ajax表单需要在提交后清除。请问如何在ajax表单提交后只清除文本字段STUDENT POST，并将表单变量设置为postText 没有清除任何其他形式的输入，假设它们到位。下面是我工作的ajax表格

this.postMessage = function(user, text, uname, bb, callback){

var id = getUrlVars()["id"];
var uname=$("#uname").val();
var bb=$("#bb").val();

   $.ajax({
      'url': 'post.php?uname="+uname"',
      'type': 'post',
      'dataType': 'json',
      'data': {
                'id': id,
                'mode': 'post',
                'user': user,
                'uname': uname,
                'bb': bb,
                'text': text
                 },
      'success': function(result){
                 callback(result);
                 },
      'error': function(e){
                 console.log(e);
                 }
                });
        };
};

var c = new Chatter();

$(document).ready(function(){
        $('#formPost').submit(function(e){
                e.preventDefault();

                var user = $('#postUsername');
                var text = $('#postText');
                var err = $('#postError');
                var id = getUrlVars()["id"];
var uname=$("#uname").val();
var bb=$("#bb").val();



 c.postMessage(user.val(), text.val(), function(result){
         if(result){
            text.val('');
         }
         err.html(result.output);
         });
         return false;
        });

在表单字段中，我将其设置如下。

    <form action="post.php" method="post" id="formPost" name="local_storage_form" >


School post:<textarea id="postText" name="postText" class"postText"></textarea><br>


<input type="submit" >
</form>

Answer 1

不确定您的字段的ID是什么，但您可以将其添加到您的成功函数中：

success: function(result){
               callback(result);
               $('#postText').val(''); // might need to change the id...
           },

Answer 2

jquery提供是否要清除<input>或<textarea>代码使用.val('')或其<div>或任何使用.text('')或{{1}的内容}。

Answer 3

关于Ajax成功调用只需重置表单

document.getElementById("#formPost").reset();

参考：Reset Form

提交后需要清除Ajax表单

3 个答案: