$ .ajax POST隨機不會提交數據

Question

我正在一個網站上工作，我正在更新D & D字符的信息。在這個特定的頁面上有可編輯的div，在其中我通過（非常不一致的）ajax POST腳本進行更改和提交。

不知何故POST不會提交任何更改，它可能是完全隨機的。有時它可以工作並更新數據庫，有時它不會。當然，這是不可能爲你們做一個POST到我的服務器，但阿賈克斯如下：這裏

<script type="text/javascript"> 
$(document).ready(function() { 
     $("#actor_result").load('xml/actortoxml.php?owner=cederman&id=2'); 
     $('#save_editable').click(function() { 
     var name = $(document).find('#actorname').text(); 
     var current = $(document).find('#currenthealth').text(); 
     var max = $(document).find('#maxhealth').text(); 
     var effects = $(document).find('#actoreffects').text(); 
     var notes = $(document).find('#actornotes').text(); 
     $.ajax({ 
      url: 'actor_profile.php', 
      type: 'POST', 
      data: { 
       update: 'true', 
       actorid: 2, 
       actorname: name, currenthealth: current, maxhealth: max, actoreffects: effects, actornotes: notes 
      }, 
     }); 
     window.location = 'actor_profile.php?id=2' 
    }); 

/* 
    var refreshId = setInterval(function() { 
     $("#actor_result").load('xml/actortoxml.php?owner=cederman&id=2'); 
    }, 300000); 
    $.ajaxSetup({ cache: false }); 
*/ 
}); 
</script>​ 

檢查搗鼓說明： http://jsfiddle.net/CgLmW/2/

Answer 1

由於$.ajax是異步的，你要重定向在ajax請求完成之前離開頁面。這個重定向導致ajax請求在成功完成之前被殺死。

將您的重定向語句移至成功回調。

$.ajax({ 
    url: 'actor_profile.php', 
    type: 'POST', 
    data: { 
     update: 'true', 
     actorid: 2, 
     actorname: name, currenthealth: current, maxhealth: max, actoreffects: effects, actornotes: notes 
    }, 
    success : function() { 
     // gets called when ajax request completes successfully 
     window.location = 'actor_profile.php?id=2';  
    }, 
    error : function(err) { 
     // in case of error 
     console.log(err); 
     alert('error'); 
    } 
});