发送表单信息后如何使用javascript/jquery重置表单

如何使用jquery/javascript重设表单我不知道为什么这不起作用，每次我尝试使用javascript和jquery重设表单时，有时它会完全停止，然后清除表单，或者说某行出现错误，即

x[i]。getElementsByTagName（“message”）[0]。childNodes[0]。循环中的nodeValue

， 我尝试过

onclick=“this.form.reset（）”

在表单输入按钮中，它会清除，但不起作用。上面的错误我尝试过许多不同的方法，但不起作用下面是我的代码

编辑-我有一个xml文件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function fetch() {

        setTimeout( function() {
        loadDoc();
        fetch();
    }, 100);

}


function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      myFunction(this);
    }
  };
  xhttp.open("GET", "../clubs/club.xml", true);
  xhttp.send();
}

$(function() {
    $("#formpost").submit(function(event) {
        event.preventDefault();

        var form = $(this);
        var url = form.attr('action');

        $.ajax({
            type: "POST",
            url: url,
            data: form.serialize() // serializes the form's elements.
        }).done(function(data) {
            var msg = $(data).find('#msg').text();


        });
    });
});  

  function myFunction(xml) {
  var rowsArray =[]
  var i , j;
  var xmlDoc = xml.responseXML;
  var table="";
  var x = xmlDoc.getElementsByTagName("messageset");
  for (i = 0; i < x.length; i++) {
  var name = x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
  var time = x[i].getElementsByTagName("time")[0].childNodes[0].nodeValue;
    var row = "<div class=\"row\"><div class=\"b1\" ><img src=\"" + "../users/"    
    + name +"/notification/profilepic.svg" + "\" width=\"30px\" height=\"30x\" alt=\"avatar\" style=\"border-radius: 45px;\" class=\"image\" ></div><div class=\"b2 msginname\" >" +
    x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue +
    "</div> <div class=\"cmoti \"><a href=\"online.php\">check motive</a></div><div class=\"msgoriginal\">" +
    x[i].getElementsByTagName("message")[0].childNodes[0].nodeValue + "</div></div>";
    rowsArray.push(row)
  }
  table += rowsArray.reverse().join('');
  document.getElementById("demo").innerHTML = table;
  document.getElementById("check").innerHTML = time ;
}
function myFun(){
 $('#formpost').click(function(){
        $('#formpost')[0].reset();
  });
}
</script>

函数fetch（）{
setTimeout（函数（）{
loadDoc（）；
fetch（）；
}, 100);
}
函数loadDoc（）{
var xhttp=newXMLHttpRequest（）；
xhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
我的职能（本）；
}
};
xhttp.open（“GET”，“./clubs/club.xml”，true）；
xhttp.send（）；
}
$（函数（）{
$（“#formpost”）.submit（函数（事件）{
event.preventDefault（）；
变量形式=$（此）；
var url=form.attr（'action'）；
$.ajax({
类型：“POST”，
url:url，
data:form.serialize（）//序列化表单的元素。
}).完成（功能（数据）{
var msg=$（数据）.find（'#msg'）.text（）；
});
});
});  
函数myFunction（xml）{
var rowsArray=[]
varⅠ，j；
var xmlDoc=xml.responseXML；
var表=”；
var x=xmlDoc.getElementsByTagName（“消息集”）；
对于（i=0；i

您可以使用重置功能。在ajax响应的基础上使用它

document.getElementById("formid").reset();        // Reset form values after form submission

---

我在表单中尝试了这个.form.reset（），它清除了表单，但实际上并不工作，这意味着什么？已清除的表单已重置。重置操作“不起作用”的窗体尚未清除。你完全不清楚。按表单按钮提交你没有任何意义。开始用完整的句子说话——不要互相矛盾。我出局了——花0美元帮助别人应该不会这么难。我已经编辑了这个问题，你能看一下吗？这里有两个不同的问题。（0）重置表单和（1）迭代不包含您认为它的功能的数据。他们彼此无关。足够简单的

form.reset（）

就足以清除它。然而，另一个问题是，你期待着一些不存在的东西。这是与浏览器调试器成为更好朋友的最佳时机。您没有提供可运行的示例或clubs.xml文件-这会阻止用户进行测试。你几乎肯定需要和你的新好友调试器一起解决这个问题。@Anjali-你是说你调用了重置，然后试图提交表单，却发现提交结果为空？