Jquery进度条服务器端

时间:2014-07-07 10:21:25

标签: jquery ajax jquery-ui struts2 struts2-jquery

我在服务器端(在db中运行多少个查询)有一个长时间运行的进程(不是确定的时间),这需要超过30秒。我想以%显示用户的进度。我在我的应用程序中使用了jquery,struts。 有办法吗?

1 个答案:

答案 0 :(得分:4)

我们就是这样做的。

  • 触发进程时,从客户端创建GUID并将其传递给服务器。
  • 在服务器端,运行该进程并在运行期间,使用GUID作为密钥继续将进度存储在会话/缓存中。
  • 在客户端,定期对传递GUID值的服务进行ajax调用。该服务将返回与GUID值对应的进度状态。
  • 根据服务更新返回的值更新ProgressBar状态。
  • 如果要将值存储在会话中,则一旦完成该过程,请确保将其清除。

以下是进行ajax调用的示例方法。

    function updateProgress() {
        if (stopProgressCheck) return;
        var webMethod = progressServiceURL + "/GetProgress";
        var parameters = "{'guid':'" + guid + "'}"; //passing the guid value

        $.ajax({
            type: "POST",
            url: webMethod,
            data: parameters,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                if (msg.d != "NONE") { //add any necessary checks
                    //add code to update progress bar status using value in msg.d
                    statusTimerID = setTimeout(updateProgress, 100); //set time interval as required
                }
            },
            error: function (x, t, m) {
                alert(m);
            }
       });    
    }

希望这对你有用:)