Question

我有一个要求，它只是一个应该处于活动状态的表列中的进度条。我将有足够的bootstrap进度条（说一些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
}

刷新具有进度条的html表

1 个答案: