首页 > web前端 > js教程 > 通过Ajax如何请求下载Execl文件

通过Ajax如何请求下载Execl文件

不言
发布: 2018-07-21 10:51:39
原创
5048 人浏览过

本篇文章给大家分享的是关于通过Ajax如何请求下载Execl文件,内容很不错,有需要的朋友可以参考一下,希望可以帮助到大家。

通过Ajax请求下载Execl 的问题,掉进一个坑里半个多小时,特此来记录一下 。

起初  我误以为是后台的问题,然而调试了一下并不是这样的,也不会报错,且进入了success 函数。

以下的事件及请求参数看上去貌似也没问题。

1

2

3

4

5

6

7

8

9

10

11

<a href="#" class="easyui-linkbutton" onclick="downLoadExcelTemplate()">下载模板</a>

//下载模板           

function downLoadExcelTemplate() {                  

$.ajax({                        

type: &#39;POST&#39;,                        

url: "DownLoadExcelTemplate",                        

data: null,                        

success: function (redata) {                             

}                  

});           

};

登录后复制

其实情况就出在这里,下载文件是不能直接通过Ajax方式的,如果需要使用Ajax操作的话,我们可以这样写

在请求成功之后我们通过创建一个 标签然后添加 href属性,最后触发该属性就OK了

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<a>function downLoadExcelTemplate() {  

$.ajax({    

type: &#39;POST&#39;,    

url: "DownLoadExcelTemplate",    

data: null,    

success: function (redata) {

      var $a = $("<a");                              

      $a.attr("href", "DownLoadExcelTemplate");                              

      $("body").append($a);                              

      $a[0].click();                              

      $a.remove();

    }  

    });

    };</a>

相关推荐:

原生JS如何动态加载JS和CSS文件以及代码脚本

js如何实现将上传图片并且压缩的方法

以上是通过Ajax如何请求下载Execl文件的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板