如何使用ajax做进度条?进度信息如何返回?

 我来答
制枯吻7908
2018-02-03 · TA获得超过177万个赞
知道顶级答主
回答量:65.9万
采纳率:53%
帮助的人:3.4亿
展开全部
AJAX进度条一般不能反应真实进度(我只是说一般,你所见到的都是伪进度条),其原因就是因为这样做简单,而且用户体验还不错,
实现方法如下:
点击按钮或者干嘛干嘛一触发这个事件的时候,让进度条 从 0% 缓慢/迅速 增长到 20%。
beforeSend 触发一个事件,让进度条 从20% 缓慢/迅速 增长到50%。
complete(状态)触发,进度条到 80%。
将AJAX回调数据处理完成,进度到100%。

------------------------------
如果有更高层次要求的话,比如上传进度,要用侦听,每隔1秒或者多少毫秒提交一次AJAX请求来查询进度。比如上传之前,先把文件大小(假设100MB)保存在服务器上的某个Session或者变量里,上传的临时文件大小(假设某次提交侦听请求时,已经上传了5MB),两个数值一除,5%就出来了。。。
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式