js 发送get / post请求下载文件

为何不用ajax发送下载文件请求

因为response原因，一般请求浏览器是会处理服务器输出的response，例如生成png、文件下载等,然而ajax请求只是个“字符型”的请求，即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的，虽然可以读取到返回的response，但只是读取而已，是无法执行的，说白点就是ajax无法调用到浏览器的下载处理机制和程序。

下载文件请求发送方式

• get请求

  • 以 window.location.href="xxx" 方式发送请求，例子如下：

window.location.href="../conUntMgr/getAttachmentReportFile?md5="+md5;

• post请求

  • 由于项目中涉及到传入的参数量有点大所以采用的是post请求方式
  • 采用表单提交方式提交
    • html页面代码

    • <form action="<%=basePath%>/conUntMgr/getAttachmentFile" method="post" id="simpleForm" style='display:none'>
      	<input type="hidden" name="data" id="data"/>
      </form>

    •  js代码：

    • $("#downMore").on('click',function(){
      	var md5CkeckedList=$('#sample—table').bootstrapTable('getAllSelections');
          $("#data").val(JSON.stringify(md5CkeckedList).replace(/\"/g,"'"));
          $("#simpleForm").submit();
      });

    • 因为我向后台提交时是一个对象数组，但是鉴于序列化后对象中包含双引号与value值中的双引号冲突，后台无法接收到完整的md5CkeckedList值，所以将md5CkeckedList中的双引号替换为了单引号