Как перезагрузить страницу один раз после формы. Посылка с использованием jquery

Question

У меня есть форма, которая работает с методом ajax для отправки, и мне нужно обновить страницу после отправки, а затем показать успех формы внутри div. мой вопрос: есть ли способ обновить главную страницу один раз, а затем показать успех формы? вот мой сниппет:

$(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)} 
 
    
 
     } 
 
    ); 
 
    }); 
 
});

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

<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>

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(); 

ИЛИ

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

Refrence

Answer 3

window.location.reload() как метод обратного вызова для представления формы.