form表单提交数据后去掉遮罩问题

前情提要

有一个文件下载功能，实现是用form表单的submit方法提交数据到后台，后台返回文件流。但是在数据比较多的时候查询和生成文件都比较耗时，所以想加一个遮罩，等文件下载完后再去掉遮罩，以避免在此期间操作页面。

思路

• 提交数据前添加遮罩
• 后台在返回文件之后添加一个cookie值
• 前台在发出请求之后用一个定时器取读取cookie中的值
• 取到后台放入cookie中的值则清除遮罩和定时任务

代码如下：

1. response中添加cookie

   		Cookie cookie = new Cookie("FLAG", "true");
           cookie.setPath("/");
           cookie.setMaxAge(60 * 10);
           response.addCookie(cookie);
   

2. js定时任务获取cookie值并清除遮罩和定时任务

   var removeing = '';//声明全局定时器变量，方便后续清除定时器用
   function excel(){
       //添加遮罩……
       frm.action = "XX/XX/XX.do" ;
       frm.submit();//提交form表单数据。调用后台接口
       removeing = setInterval('remove()', 1000);//调用定时器方法
   }
   //清除遮罩方法
   function remove() {
   	//获取cookie中的值
       var flag = document.cookie.split('FLAG=')[1];
       console.log(flag)
       if (flag==='true') {
           //清除遮罩方法……
           clearInterval(removeing);//清除定时器方法
       }
   }