动画没有显示在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');