フォームの後に一度ページをリロードする方法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(); 

OR

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

Refrence

Answer 3

window.location.reload（）をフォーム提出のコールバックメソッドとして使用します。