文件导出，界面显示导出等待状态解决方案

方法1:简单粗暴型，浏览器发送一个GET请求导出文件后端采用response,返回文件流的方式导出文件。

需要解决的问题：由于是GET请求，没有返回参数。前端浏览器发送请求后，不知道后端处理进程如何。

这里我们可以使用cookie值来标记当前用户对导出文件操作的完成度标记。

前端代码:

function checkLoadingFlag() {
    if ($(".BeAlert_box").length == 0) {
        alert("正在导出，请不要关闭窗口");
    }

//找到cookie信息则认为文件流生成完成。等待状态清除
    if (getCookie("LOADING_FLAG")) {
        $(".BeAlert_overlay,.BeAlert_box").remove();
        //设置cookie立即过期清除标志cookie
        var date = new Date();
        document.cookie = "LOADING_FLAG=''; expires=" + date.toGMTString() + " ; path=/";
    } else {
        //500ms检测一次，根据实际情况修改
        setTimeout("checkLoadingFlag()", 500);
    }
}

//导出文件触发事件
function expExcel() {
    checkLoadingFlag();
    var rzlx = $("#rzlx").val();
    var majorId = $("#majorId").val();
    var trainObjYear = $("#trainObjYear").val();
    var trainObjectiveId = $("#trainObjYear option[value='" + trainObjYear + "']").attr("trainObjectiveId");
    var nj = $("#nj").val();
    location.href="/zyrz/achievement/expExcel?trainObjectiveId=" + trainObjectiveId + "&rzlx=" + rzlx + "&majorId=" + majorId + "&nj=" + nj + (majorDirectionId != undefined ? "&majorDirectionId=" + majorDirectionId : "") ;
}

function getCookie(c_name) {
	// 判断document.cookie对象里面是否存有cookie
	if (document.cookie.length > 0) {
		c_start = document.cookie.indexOf(c_name + "=")
		// 如果document.cookie对象里面有cookie则查找是否有指定的cookie，如果有则返回指定的cookie值，如果没有则返回空字符串
		if (c_start != -1) {
			c_start = c_start + c_name.length + 1
			c_end = document.cookie.indexOf(";", c_start)
			if (c_end == -1)
				c_end = document.cookie.length
			return unescape(document.cookie.substring(c_start, c_end))
		}
	}
	return ""
}

 

后端代码:

            response.reset();
            response.setContentType("application/msexcel;charset=utf-8");
            response.setHeader("Content-disposition", "attachment;filename= \"" + new 
       String(fileName.getBytes(), "ISO-8859-1") + "\"");

            //标记文件流生成完成
            Cookie cookie = new Cookie("LOADING_FLAG","true");
            cookie.setPath("/");
            //塞入cookie中,返回给浏览器
            response.addCookie(cookie);

            OutputStream out = response.getOutputStream();
            workbook.write(out);
            out.flush();
            out.close();

这里有个坑 response.reset()来清除首部的空白行作用，但是如果在执行这个之前 设置 response.addCookie(cookie); 则cookie会出现设置不成功。如您的代码中使用了response.reset()，则要在后面设置cookie信息。设置成功cookie信息后，返回给浏览器cookie信息，浏览器前端一直去刷有没有LOADING_FLAG ，当找到此cookie信息，代表导出完成，等待状态清除。

 

方法2:Base64+ajax导出方式

此方法只适合导出文件比较小的请求。