前后端分离ajax接收文件流的实践

一般ajax，post请求不能实现的原因

开始的想法：在页面上用jQuery的$.post方法发送一个请求给服务器，然后服务器根据这个参数再生成相应的一个文件流返回给客户端。但是，在$.post方法的回调函数中，只能处理xml, json, script, or html类型，对返回的文件流却没办法弹出对话框让用户下载了。

另类实现方法

经过百度，看到了很多人采用隐藏form提交的方式，再用response来推就可以

function exportRecord() {    var searchData = getData();    var json  = {        "sid":$.cookie('sid'),        "searchJson":searchData    };    var form = $("<form>");    form.attr('style', 'display:none');    form.attr('target', '');    form.attr('method', 'post'); //请求方式    form.attr('action', IP+'exportRecord.do');//请求地址    var input1 = $('<input>');//将你请求的数据模仿成一个input表单    input1.attr('type', 'hidden');    input1.attr('name', 'json');//该输入框的name    input1.attr('value',JSON.stringify(json));//该输入框的值    $('body').append(form);    form.append(input1);        form.submit();    form.remove(); }

这种方法发出的请求格式类似于username=username&password=password. 代码中的name就是请求中的key，代码中的value就是请求数据中的value

然后后台采用老办法，往response里写文件流，往前台推。

by：http://www.leasonlove.cn/