ajax实现文件下载

柔光的暖阳◎ 2023-02-09 14:17 3阅读 0赞

在做ajax调用后台实现文件下载时，出现了后台返回前端正确数据，但前台就是不提示下载框，且没有下载文件

$.ajax({ 
        "url" : urlStr + 'exportFile',
        "method" : "POST",
        "data" : { 
            "list_str" : json_str
        },
        "cache" : false,
    }).success(function (data) { 
        if (data.ecode && data.ecode == '-1000') { 
            showError(data.emessage);
            return;
        } else { 
            showInfo("导出采购需求成功");
        }
    }).fail(function (data) { 
        showError(data.emessage);
        return;
    });

用上面方法调用后台就会出现上述问题，修改为下面方法：

$.dynamicSubmit = function (url, datas) { 
        var form = $('#dynamicForm');
        if (form.length <= 0) { 
            form = $("<form>");
            form.attr('id', 'dynamicForm');
            form.attr('style', 'display:none');
            form.attr('target', '');
            form.attr('method', 'post');
            $('body').append(form);
        }
        form = $('#dynamicForm');
        form.attr('action', url);
        form.empty();
        if (datas && typeof(datas) == 'object') { 
            for (var item in datas) { 
                var $_input = $('<input>');
                $_input.attr('type', 'hidden');
                $_input.attr('name', item);
                $_input.val(datas[item]);
                $_input.appendTo(form);
            }
        }
        form.submit();
    };
    $.dynamicSubmit(urlStr + 'exportFile', { 
        "list_str" : json_str
    });

上述方法是利用JQuery动态构建一个form来post，$.dynamicSubmit()方法第一个参数是请求的地址，第二个参数为传后台的json数据

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax实现文件下载

在做ajax调用后台实现文件下载时，出现了后台返回前端正确数据，但前台就是不提示下载框，且没有下载文件 $.ajax({ "url" : urlSt

柔光的暖阳◎/ 2023年02月09日 14:17/ 0 赞/ 4 阅读

相关 ajax下载文件

this.request(Object.assign({ responseType: 'blob' }, options), params).then((res) =

た入场券/ 2022年12月22日 04:37/ 0 赞/ 109 阅读

相关 ajax实现文件下载

ajax请求返回类型只有xml,String,json.使用response下载时如何用ajax实现? 第一步:将内容写入文件,返回文件存放路径. 第二步:在回调函数中创建

水深无声/ 2022年08月18日 11:52/ 0 赞/ 218 阅读

相关 ajax下载文件

ajax运行在js的沙箱中，它不能访问物理磁盘。因此用ajax下载不能成功。采用模拟窗体提交的方式下载。 var url = "/ajax/tts/TraceLo

小灰灰/ 2022年06月07日 00:08/ 0 赞/ 239 阅读

相关 Ajax不能实现文件下载功能

Ajax 为什么不能实现文件下载： jq的ajax回调已经把response的数据傻瓜式的以字符串的方式解析.而我用SpringMVC 传回的是ResponseEntit

超、凢脫俗/ 2022年05月27日 13:09/ 0 赞/ 220 阅读

相关 SpringMVC使用ajax 实现文件下载

SpringMVC使用ajax 实现文件下载一、说明结论 1、 ajax 是无法实现文件下载的，原因：ajax请求只是个“字符型”的请求，即请求的内容是以文本类

怼烎@/ 2022年05月20日 09:05/ 0 赞/ 396 阅读

相关 ajax 实现文件下载功能

ajax一般是用来请求服务端的数据，下载文件需要先从服务器获取文件请求路径，然后使用form表单提交的方法来实现文件的下载。先引入jquery文件，jquery的免费cdn

素颜马尾好姑娘i/ 2022年02月28日 13:48/ 0 赞/ 1201 阅读

相关利用ajax下载文件失败

$.ajax({ type: "get", url: "<%=basePath%>dow

客官°小女子只卖身不卖艺/ 2022年02月19日 05:23/ 0 赞/ 223 阅读

相关 Vue+ajax实现文件下载【这里的ajax->axios】

文章转自：[https://www.cnblogs.com/yulj/p/8494465.html][https_www.cnblogs.com_yulj_p_8494465.

我不是女神ヾ/ 2022年02月04日 01:47/ 0 赞/ 401 阅读

相关 ajax的无刷新文件下载

使用ajax，ajax的返回值类型是json,text,html,xml类型，或者可以说ajax的发送，接受都只能是string字符串，不能流类型，所以无法实现文

古城微笑少年丶/ 2021年06月24日 13:59/ 0 赞/ 443 阅读