Ajax调用后超时的最佳实践

Question

我以前在用新数据重新加载表后实现了超时。在ajax被调用后，我在如何更新我的dom方面遇到了麻烦，因为我正在分析Web应用程序上开发前端js。我已经找到了一个使用超时的解决方案，它将在dom刷新后加载dom，但我不确定这是否是最佳做法，因为我必须预设时间，不同的视图将有不同的查询和渲染时间。

$( document ).ajaxSuccess(function( event, xhr, settings ) {
setInterval(function(){ 
let update = d3.selectAll("#" + arcapi.chartId() + ' tbody td')
update.filter(function(){
if(this.innerHTML === 'Tier 2'){
return true;
}
}).style('background-color','green');
}, 2000); 
});

注意：我不能在ajaxComplete之后直接从ajax代码更新，因为我没有访问ajax文件的权限。这是我在8天内得到的最好的解决方案。请告诉我你的意见和看法。

Answer 1

您可以遵循以下格式，因为它在engineers中最受推荐。你也可以阅读这份官方文件

$.ajax({
url: "YourRequestURL",
error: function(){
// This function would triggered when timeout occurred 
},
success: function(){
//Your logic after success request 
},
timeout: 3000 // sets timeout 1 to 3 seconds is mostly used
});

虽然没有具体的超时规则，但建议将其设置在1000-5000之间。但是，根据您的要求，它可能会发生变化。

希望这能帮助