使用js发送post参数下载文件

直接使用a标签只能发送get请求

点击按钮之后，下载文件，但是页面不能跳转，而且使用post 请求，需要绣袋多个参数

首先定义一个方法

function DownLoad(options) {

    var config = $.extend(true, { method: 'post' }, options);
    var $iframe = $('<iframe id="down-file-iframe" />');
    var $form = $('<form target="down-file-iframe" method="' + config.method + '" />');
    $form.attr('action', config.url);
    for (var key in config.data) {
    $form.append('<input type="hidden" name="' + key + '" value="' + config.data[key] + '" />');
     }
    $iframe.append($form);
    $(document.body).append($iframe);
    $form[0].submit();
    $iframe.remove();
}

   

调用

 function loginDown(){
   
    var url = "localhost:8080/api/statistics/down.do";
                var data = {
                 parentId:$("#parentId").val(),
                 groupId:$("#groupId").val(),
                 startTime:vue.startTime,
                 endTime:vue.endTime
                 } ;

DownLoad({ //调用下载方法
                url:url,data:data
                });

}

下载时创建一个新窗口，如图，点击下载后 该窗口 自动关闭。