JQuery Ajax complete関数が即座に実行されます

Question

私は、MySqlデータベース内のいくつかの項目を削除するPHPスクリプトを実行するJQuery Ajax関数を持っています。このajax呼び出しは、ユーザーが特定のボタンをクリックするたびに行われます。呼び出しが完了し、削除されたアイテムが表示されないようにするには、ページをリロードする必要があります。しかし、PHPスクリプトが完成する前に「完了」機能が実行されているようです。したがって、ページはデータベース内の項目を削除せずにリロードされます。フォームは関係なく、ただのボタンです。これをどうすれば解決できますか？

<button id="deleteButton">Delete</button> 


$('#deleteButton').click(function(){ 

    $.ajax({ 
     url:'clearDatabase.php', 
     dataType:"json", 
     data:{data:data},  
     type:'POST',  
     success:function(data){  
      if(data=="0"){ 
       alert("stuff deleted"); 
      } 
     },  
     complete: function(XMLHttpRequest, status) {    
        location.reload(); 
     } 
    }); 


}); 

Answer 1

あなたのボタンが

<button id='deleteButton' >Click</button> 

$('#deleteButton').click(function(e){ 
    e.preventDefault();// for not publish form 

    $.ajax({ 
    url:'clearDatabase.php', 
    dataType:"json", 
    data:{data:data},  
    type:'POST',  
    success:function(data){  
     if(data=="0"){ 
      alert("stuff deleted"); 
      location.reload();//here you reload the page after the user close the alert 
     } 
    },  
    complete: function(XMLHttpRequest, status) {    
       location.reload(); 
    } 
    }); 


}); 

Answer 2

であれば、なぜあなたはページをリロードしたい場合は、AJAXを使用する必要がありますか？ただ、タグにあなたのボタンを回す：

<a href="clearDatabase.php?data=data">Click</a> 

clearDatabase.phpで：

//delete some items in databse 
//then redirect to your page again 

Answer 3

を、私はそれが動作するようになりました。私はlocation.reloadをwindow.location=window.locationに変更しました。私は比較的新しいAjaxです。なぜこれが機能するのかわかりません。なぜ誰かが何らかの光を放つことができれば、それはすばらしいことになるでしょう。