Question

function theFinale() 
{ document.getElementById("pop2").style.display = 'none'; 
     document.getElementById("myPopup").style.display = 'none'; 
     document.getElementById("pop3").style.display = 'none'; 


     document.getElementById("pop4").style.display = 'block'; 
     document.getElementById('pop4').style.position = "absolute"; 
     document.getElementById('pop4').style.top = '250px'; 
     document.getElementById('pop4').style.left = '250px'; 
     setTimeout(function(){ 
     document.getElementById('pop4').className = 'waa'; 
     }, 2500); 
    window.line=document.getElementById('answer').value; 

       { 
        $.ajax({ 
      type: 'POST', 
      url: 'qwe.php', 
      data: {z: line}, 
      success: function(data) { 

       $("q").text(data); 

      } 
     }); 
      document.getElementById('answer').reset(); 
       } 
       window.location.href=window.location.href; 
} 

この機能を実行した後に更新したいです。 htmlフォームで取るすべてのフォーム値もリセットする必要があります。

Answer 1

success: function(data) { 
      $("q").text(data); 
      location.reload() 
     } 

これを試しましたか？

Answer 2

は結果を非同期的に返します。 window.location.href=window.location.hrefをsuccessに移動させると、$.ajax()の関数になります。 $.ajax()コールの前に{という2つの構文エラーを削除し、document.getElementById('answer').reset();の後に}を削除します。 setTimeoutするための識別子を提供し、

var timeout = null; 

timeout = setTimeout(function(){ 
    document.getElementById('pop4').className = 'waa'; 
}, 2500); 

success: function(data) { 
      clearTimeout(timeout); 
      window.location.href=window.location.href; 

     }