刷新具有进度条的html表

Refreshing a html table which has a progress bar

本文关键字：html 刷新      更新时间：2023-09-26

我有一个需求，它只是表列中的进度条，应该是活动的。我会有很多引导程序进度条（比如10），我在服务器端使用springmvc。现在的问题是，我不知道如何在不刷新整个页面的情况下不断更新进度条（每10秒更新一次），更准确地说，我希望html表每10秒刷新一次，它应该到达服务器，进度条的值应该是应用于html表内的进度条。

请有人建议如何实现这一要求，我真的需要帮助，以及任何实际帮助我实现这一目标的示例链接。我是不是javascript/ajax方面的专家（我想使用ajax可以实现这一点，我在谷歌上也找不到任何例子）。如果可以使用javascript（也不是ajax）任何示例链接实际上都会对我有很大帮助。提前感谢：）

在javascript方面，您将有一个js函数进行$.ajax调用

function getProgress(){
  $.ajax({
    url: "/myurl",
    success : function(data){
      //TODO here update your progressbar data=XX returned by spring
      if(data!=100){
         setTimeout(getProgress,10000);//reschedule again until job finished
      }
    }
  })
}
setTimeout(getProgress,10000);

弹簧侧：

在控制器中，您将返回进度：

@RequestMapping("/myurl")
public @ResponseBody String getProgrees(){
  //TODO business logic
  return "XX";//0-100
}
相关文章：