Question

我有一个使用ajax方法发送的表单，我需要在submition之后刷新页面然后在div中显示表单的成功。我的问题是：有没有办法刷新主页一次，然后显示表单成功？这是我的片段：

＆＃13;

$(document).ready(function() {
  $(document).on('click', '.MyForm button[type=submit]', function(e) {
    e.preventDefault() // To make sure the form is not submitted 
    var $frm = $(this).closest('.MyForm');
    console.log($frm.serialize());
    $.ajax(
        $frm.attr('action'), 
        {
          method: $frm.attr('method'),
          data: $frm.serialize(),
          success: function(data) { $(".error").html(data)}
   
        }
    );
  });
});

＆＃13;

.error{width:200px; height:50px;border:1px solid blue;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
  <form class="MyForm" method="post">
    <input type="text" placeholder="name" value="Aynaz" name="a1" />
    <select name="Avg">
      <option value="1">1</option>
      <option value="2">2</option>
    </select>
    <button type="submit">Submit</button>
    <div class="error">Show form success here after page reload</div>
  </form>

＆＃13;

Answer 1

$.ajax(
    $frm.attr('action'), 
    {
        method: $frm.attr('method'),
        data: $frm.serialize(),
        success: function(data) {
            $(".error").html(data)
            location.reload(0)
        }
    }
);

Answer 2

您可以使用：

window.location.reload();

OR

window.location.href = 'current page url';

Refrence

Answer 3

使用 window.location.reload（）作为表单提交的回调方法。

如何使用jquery在表单Submition之后重新加载页面一次

3 个答案: