文件下载之ajax提交问题

最新推荐文章于 2024-08-20 10:07:57 发布

原创最新推荐文章于 2024-08-20 10:07:57 发布 · 316 阅读

0 ·

CC 4.0 BY-SA版权

html 同时被 2 个专栏收录

3 篇文章

订阅专栏

javascript

1 篇文章

订阅专栏

本文介绍了一种解决Ajax提交下载文件时返回页面无反应的问题的方法。通过使用form表单提交替代Ajax请求，实现了文件的有效下载，同时避免了页面刷新。

直接Ajax提交下载文件，后台能够执行成功，但是返回页面没有反应，基于猜测可能是ajax支持局部变量的刷新，不支持IO流刷新，为了不刷新页面，可以改form表单提交方式解决。

代码如下：

var filePath = $(this).parent().parent().attr("id");
var url =  page.ajaxURL.downLoadOutOrderFile;
var form = $('<form method="POST" action=" '+url+'">');
form.append($('<input type="hidden" name="filePath" value="' + filePath+ '">'));
$('#mainDiv').append(form);
form.submit();