表单提交后如何重新加载页面？

<form action="/submit" method="post">
  <input type="text" name="username" />
  <button type="submit">Submit</button>
</form>

<form id="myForm" action="/submit" method="post">
  <input type="text" name="username" />
  <button type="submit">Submit</button>
</form>

<script>
  document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止默认的表单提交行为
    this.submit(); // 手动提交表单
    location.reload(); // 提交后重载页面
  });
</script>

<form id="myForm">
  <input type="text" name="username" />
  <button type="submit">Submit</button>
</form>
<div id="result"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $('#myForm').on('submit', function(event) {
    event.preventDefault();
    $.ajax({
      url: '/submit',
      type: 'POST',
      data: $(this).serialize(),
      success: function(response) {
        $('#result').html(response); // 更新页面的特定部分
      }
    });
  });
</script>