前几天有这样一个场景:多文件同时上传,并返回各自的上传进度
实现时使用了监听器,将上传进度写入了 session ,然后前台用 JS 读取 session 中的值
因为这个读取是要求周期性的,所以用了 setInterval,这时候问题出来了:
如何保证 setInterval 的独立性 ?
即:每上传一个文件,生成一个全局的 setInterval ,对应一个 session attribute,并对应销毁
开始时是这样做的:
1. 定义八个变量:interval 1-8 (因为最多8个文件上传)
2.每上传一个文件,给一个 interval 赋值:interval【i】 = setInterval("functionName(【i】)",1000);
3.根据【i】值来做判断,是读取哪个session attribute ,销毁哪个 interval
囧啊,这个方法奇蠢无比,难道上传 100 个文件需要定义 100 个 interval 么?
所以一直在找办法解决此问题
今天看到了两篇文章,结合下终于解决问题:
js在方法内部定义全局变量
js 动态变量声明
前者告诉我,js中的变量与其他脚本语言中的变量不一样:在 function 中如果不用 var 声明一个变量,那么这个变量将在全局可见,相当于创建了全局变量。(很不好意思,这条之前我真的不知道,囧)
后者告诉我,如何声明并使用这个动态变量:this[set_msgconu+"uid"] = setInterval(get("uid"),1000);
OK,有了这两条之后一切问题就解决了:
1.每上传一个文件就生成一个 interval:
$("#fileDiv").children("p").each(function(i){
this[interval+t] = setInterval("readSession("+t+")",1000);
//上传方法
});
2.周期性读取进度函数,若为100则清除 interval
function readSession(number){
$.post(url,function(data){
//读取后的操作
if(data==100){
clearInterval(interval+number);
}
});
}
实现时使用了监听器,将上传进度写入了 session ,然后前台用 JS 读取 session 中的值
因为这个读取是要求周期性的,所以用了 setInterval,这时候问题出来了:
如何保证 setInterval 的独立性 ?
即:每上传一个文件,生成一个全局的 setInterval ,对应一个 session attribute,并对应销毁
开始时是这样做的:
1. 定义八个变量:interval 1-8 (因为最多8个文件上传)
2.每上传一个文件,给一个 interval 赋值:interval【i】 = setInterval("functionName(【i】)",1000);
3.根据【i】值来做判断,是读取哪个session attribute ,销毁哪个 interval
囧啊,这个方法奇蠢无比,难道上传 100 个文件需要定义 100 个 interval 么?
所以一直在找办法解决此问题
今天看到了两篇文章,结合下终于解决问题:
js在方法内部定义全局变量
js 动态变量声明
前者告诉我,js中的变量与其他脚本语言中的变量不一样:在 function 中如果不用 var 声明一个变量,那么这个变量将在全局可见,相当于创建了全局变量。(很不好意思,这条之前我真的不知道,囧)
后者告诉我,如何声明并使用这个动态变量:this[set_msgconu+"uid"] = setInterval(get("uid"),1000);
OK,有了这两条之后一切问题就解决了:
1.每上传一个文件就生成一个 interval:
$("#fileDiv").children("p").each(function(i){
this[interval+t] = setInterval("readSession("+t+")",1000);
//上传方法
});
2.周期性读取进度函数,若为100则清除 interval
function readSession(number){
$.post(url,function(data){
//读取后的操作
if(data==100){
clearInterval(interval+number);
}
});
}