如何使用JavaScript创建表单并在不重新加载页面的情况下提交

我用JavaScript创建了表单，但在提交页面时重新加载了页面，其余代码没有运行。创建和提交此表单是为了将JavaScript值传递给PHP

如何在不重新加载页面的情况下提交此表单

var form1 = document.createElement("form");
var element1 = document.createElement("input"); 
var element2 = document.createElement("input"); 
form1.id="testForm" 

form1.method = "POST";
form1.action = "index.php";   

element1.value= amount;
element1.name="amount";
form1.appendChild(element1);  

element2.value=description;
element2.name="desc";
form1.appendChild(element2);

document.body.appendChild(form1);

我试过那样的方法，但还是没有成功

$("#testForm").on("submit", function (e) {
  e.preventDefault();
  $.ajax({
    type:"POST",
    url:"index.php",
    data:$("#testForm").serialize(),
    success: function(response){
      console.log(response);  
    }
  });
});

---

在网上搜索

preventDefault

@kerbholz我已经尝试过了，但无法管理。当我使用preventDefault时，它根本不提交。但我需要提交表单，但不需要重新加载页面。也许我弄错了somewhere@kerbholz我编辑了我的问题并添加了我尝试的内容。请你看一看，和我分享一下我在哪里犯的错误好吗？试着把

e.preventDefault（）在最后。（就在函数完成之前）@NahidMirzayev-检查这个。如果有帮助，请告诉我。