Re: [问题] 请问如何实现ajax的加载时进度百分比?

楼主: shadowjohn (转角遇到爱)   2015-05-01 20:39:38
※ 引述《banana2014 (香蕉共和国)》之铭言:
: ※ 引述《banana2014 (香蕉共和国)》之铭言:
: : 当用ajax传输资料时,在还没有得到服务器端运算的结果时,如何得到目前的进度百分比?
: http://shadowjohn.pcro.co/uploads/
: 请问这上传进度百分比是怎么做到的,可以告诉我详细步骤吗?
: 上传如果可以用AJAX来判断上传进度,那加载画面(对AJAX而言是加载资讯)可以吗?
: 我知道有个叫什么pace的东西,好像也可以在加载画面时显示进度条,但是它只能在页面
: 刚加载时显示出来,对于ajax的加载资讯好像不会显示进度条耶,请问ajax版的加载资讯
: 进度条该怎么做,请各位帮帮我,谢谢。
我把 Code 整理了一下
这是上传有进度的范例:
范例网址:http://3wa.tw/muploads/
原始内容:http://3wa.tw/muploads/index.phps
注解也写了,如果不懂可以问我 :)
其实关键就主要是:
1. 加载 jquery、jquery.form
2. “ajaxSubmit”代替原本的 form submit
3. 利用 uploadProgress 取得的资讯来作 progress value or bar
如果你是要上传后,东西开始后服务器后面运作,前端想要偶尔知道该工作的进度
最简单的方法,就是在你后台的东西,依照进度,偶尔去更新一个 id.txt
id.txt
5%
隔一段时间,你知道他进度又提升,变 20%
那你就把 id.txt 内容设成 20%
你的前端,就用 ajax 定期(一秒)去要新的值回来
setInterval(function(){
var tmp = ajax....('id.txt');....
显视内容
},1000);
简单的这样作就ok啦 :)
作者: Timba (踢音霸)   2015-05-02 20:34:00
PUSH
作者: banana2014 (香蕉共和国)   2015-05-03 13:29:00
请问这个jquery.form适用于AJAX的资讯下载进度百分比吗?
楼主: shadowjohn (转角遇到爱)   2015-05-03 14:46:00
下载不是有浏览器本身的进度?
作者: banana2014 (香蕉共和国)   2015-05-05 21:26:00
嗯…我说的下载是加载资讯的下载

Links booklink

Contact Us: admin [ a t ] ucptt.com