刷新具有进度条的 html 表

Question

我有一个要求，就是应该处于活动状态的表格列中的进度条。我将有很多引导进度条（比如 10 个），并且我在服务器端使用 spring mvc。现在的问题是我不知道如何在不刷新整个页面的情况下不断更新进度条（每 10 秒说一次），更准确地说，我希望每 10 秒刷新一次 html 表，它应该命中服务器和进度条的值应该是 应用于html表格内的进度条。

有人可以建议如何做到这一点，我真的需要帮助以及任何可以帮助我实现这一目标的示例链接。我是 不是 javascript/ajax 专家（我想它可以使用 ajax 来实现这一点，我也无法在谷歌中找到任何示例）。如果这是可以实现的 javascript（也不是 ajax）任何示例链接实际上都会对我有很大帮助。在此先感谢:)

Answer 1

在 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
}