文件下载 之 数据导出

  在开发功能难免会遇到要导出信息到excel中的情况,起初以为ajax可以实现(排除xmlHttpRequest 2.0),受限于其接收数据类型而未果。

  ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的接收类型只能是string字符串,不是流类型,所以无法实现文件下载。但用ajax仍然可以获得文件的内容,该文件将被保留在内存中,无法将文件保存到磁盘。这是因为JavaScript无法和磁盘进行交互,否则这会是一个严重的安全问题,js无法调用到浏览器的下载处理机制和程序,会被浏览器阻塞。)

实现下载的方法

  1. 隐藏表单,用提交表单的形式
  2. 用window.open() 或 window.location.href()
  3. 创建iframe,iframe的src可以是文件地址url来直接下载文件

实际实现中采用了1、form方案:

/**
* 文件下载
**/
function downLoadFile(url, param){
    var form = $('<form url="'+url+'" method="post"></form>');
    
    if(param){
         for(var key in param){
            var input = $('<input type="hidden" name="'+key+'" value="'+param[key]+'"/>');
            form.append(input);
         }
    }
    $('body').append(form);
    form.submit().remove();
}    

 

posted @ 2017-12-29 16:20  【云】风过无痕  阅读(197)  评论(0编辑  收藏  举报