JavaScript-jsp页面怎么加进度条显示

JavaScript-jsp页面怎么加进度条显示

晚风撩人 发布于 2017-05-22 字数 103 浏览 1108 回复 2

我现在有个步骤执行需要点时间,因此我想加个进度条,来显示程序执行的步骤,有没有好的思路或者想法。

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

晚风撩人 2017-10-17 2 楼

怎么说呢,如果说,你的复杂操作是JAVA代码的话,那么上面单纯的JS的方法是不可行的
因为,一个请求的过程是,客服发出请求,服务器响应并返回内容,而客户浏览器在解析内容,所以,JAVA代码部分,在服务器端,是执行完了,将结果返回给客户的。
你这种情况,我建议采用AJAX实现,就是说,进入这个页面以前,还有一个页,这个页面提供AJAX进度条,然后通过AJAX获取到返回结果,innerHTML到 body里 就行了
我只能想到这一个方法了,反正想让客户看到 服务器的处理过程,只能是AJAX了

泛泛之交 2017-07-05 1 楼

页面加载是从上向下的顺序,所以利用这点就可以模拟出一个进度条:

var loading = function(a,b){
var c = b*1.5;
if(b==100){
$('.loading .jindu2').animate({width:c+'px'},500,function(){
$('.loading input').val(a);
$('.loading font').text(b);
$('.loading').animate({top:'-32px'},1000,function(){
alert('页面加载完毕');
});
});
}else{
$('.loading .jindu2').animate({width:c+'px'},500,function(){
$('.loading input').val(a);
$('.loading font').text(b);
});
}
};

  这里我写了个loading(a,b),两个参数分别是显示加载内容提示信息和加载进度百分比,然后,我用了其他几个js库做加载进度测试

<script type="text/javascript">loading('正在加载中',30);</script>
html代码
<script type="text/javascript">loading('正在加载中',50);</script>
html代码
<script type="text/javascript">loading('加载结束',100);</script>