動畫沒有顯示在Ace中的Ajax請求

Question

在我的網站http://www.eventiame.com/publicar/中，有一個包含多個字段的表格。 當頁面加載時，它顯示速度動畫（加載時它會執行一些ajax請求，這樣就可以了），但是當我提交表單（我也通過ajax來執行）時，動畫不會出現。 我測試了上傳圖片（因此需要更長的時間），但仍未顯示動畫。 我也嘗試在akax請求中將“ async”參數更改為true或false，但仍然沒有效果。

這是無法正常使用的ajax調用的特定代碼：

$.post('Sample.php,$(this).serialize(),function(data){
    $(target).html(data);
},'html');

Answer 1

我希望我的回答還不算太晚，但是如果仍然有需要的人，我也遇到了同樣的問題，我已經解決了。

默認情況下，Pace將顯示所有以正常或ajax-y頁面加載的一部分開始或持續時間超過500ms的ajax請求。 您的ajax請求沒有觸發速度，因為它太早了。

1，修改Pace.js：

在defaultOptions下找到restartOnRequestAfter ，並將其更改為所需的時間（以毫秒為單位）值5 ms。

  restartOnRequestAfter: 5,

2，跟蹤：

默認情況下，Pace僅跟蹤GET HTTP方法，因此添加您可能需要的所有其他方法，例如POST請求。

ajax: {
  trackMethods: ['GET', 'POST', 'PUT', 'DELETE', 'REMOVE'],
  ...
}

消息來源： http ： //github.hubspot.com/pace/

Answer 2

您可以嘗試以下方法：

$(document).ajaxStart(function() { 
       Pace.restart(); 
});

我遇到了同樣的問題，並且在“ Pace問題”部分找到了解決方案。 資源

Answer 3

您缺少結束的單引號，應為：

$.post('Sample.php', $(this).serialize(), function(data){
    $(target).html(data);
}, 'html');