Ajax 调用后超时的最佳实践

Question

以前，我在用新数据重新加载我的表后实现了超时。 我在调用 ajax 后如何更新我的 dom 时遇到了麻烦，因为我正在分析 web 应用程序之上开发前端 js。 我找到了一个使用超时的解决方案，它会在刷新后加载 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 之间。 但是，根据您的要求，它可能会改变。

希望这会有所帮助