Başka bir sayfadaki sayfa nasıl yenilenir?

Question

2 sayfam var ve ilk sayfada ajax ile başka bir sayfa (ikinci sayfa) aradım. İkinci sayfada ajax ile gönderilen ve ardından sayfayı bir kez yeniden yükleyen bir form var. Ancak ikinci sayfa yenilendiğinde, ilk sayfam da yenilenir. Ama ben istemiyorum. Sadece iç sayfamı yeniden yüklemek istiyorum. Yalnızca dahili sayfayı yeniden yüklemek için bir yol var mı?

$(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), window.location.reload();} 
 
    
 
     } 
 
    ); 
 
    }); 
 
});

.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

Kaldır yöntemi formdan = "post": İşte benim iç sayfa kodları olduğunu.

Answer 2

Bu bölümü sadece yeniden yükleyebilirsiniz sonra iç sayfa yapabilir ve.

Answer 3

window.location.reload() daima tüm sayfayı yeniden yükleyecektir. Eğer ilk etapta bunu kullanıyor olarak iç sayfa

$.ajax(
      $frm.attr('action'), 
      { 
       method: $frm.attr('method'), 
       data: $frm.serialize(), 
       success: function(data) { 
        $(".error").html(data); 
        $('.div').html('').load('innerpage.htm');// reload the div 
       } 

      } 
     );