Javascript Jquery ajax post在表单提交时创建第二个表单

我有以下表格：

<form id='form'>
  Begin time<input id="begintime" type="text" name="begintime"><br>
  End time<input id="endtime" type="text" name="endtime"><br>
  <input name="submit" type="submit" value="Submit">
</form>

但每次单击“提交”时，都会发生以下情况：

我还使用它来获取数据：

        <p>
<?php 
$begin = $_POST['begin'];
$end = $_POST['end'];
?>
</p>

---

我把tihs放在ajax代码里面，结果是一样的。我做错了什么？请帮忙。谢谢。

试试下面的代码。它将清除p标记内的所有内容，并将表单附加到i

success: function (result) {
    $('p').html(result);
}

---

您应该只更改HTML，而不是像这样附加它

...
success: function (result) {
    $('p').html(result);
}
...

---

您不需要完全提交带有XHR请求的表单。更改提交到标准按钮标记的输入，并为单击事件重新映射侦听器。然后，您可以发出ajax请求并停止表单提交，这将使页面不会重新加载并充满输入标记。

success: function (result) {
    $('p').html(result);
}

...
success: function (result) {
    $('p').html(result);
}
...