当前位置:
凯发ag旗舰厅登录网址下载 >
前端技术
> html
>内容正文
html
前端js通过ajax下载后端返回的excel文档 -凯发ag旗舰厅登录网址下载
凯发ag旗舰厅登录网址下载
收集整理的这篇文章主要介绍了
前端js通过ajax下载后端返回的excel文档
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
我们来看下效果演示:
条件假设:
首先得有一个下载文档的接口,我们假设这个接口的地址是myurl
其次我们一般使用token来区分用户是否有权下载,假设令牌为token
html部分比较简单
js部分(这里假设你引用了jquery)
$(function() {function download(filename) {var oreq = new xmlhttprequest();oreq.open("get", myurl, true); /*链接地址后续要修改,改成你要下载的文档地址,也就是接口地址*/oreq.responsetype = "blob";oreq.setrequestheader("content-type","application/x-www-form-urlencoded"); oreq.setrequestheader("authorization",token); /*token为身份令牌,看你的接口是否需要,若不需要删除这一行即可*/oreq.onload = function (oevent) {var content = oreq.response;var elink = document.createelement('a');elink.download = filename;elink.style.display = 'none'; var blob = new blob([content], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'}); /*type的这个定义文档下载为excel格式*/elink.href = url.createobject;document.body.appendchild(elink);elink.click();document.body.removechild(elink);};oreq.send();}$(document).on("click", "#test", function() {download("test"); }参考文章:
实际结果问题的: https://www.cnblogs.com/sunweinan/p/excel.html https://www.cnblogs.com/soyxiaobi/p/9362516.html 解释的很清楚的: https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/总结
以上是凯发ag旗舰厅登录网址下载为你收集整理的前端js通过ajax下载后端返回的excel文档的全部内容,希望文章能够帮你解决所遇到的问题。
如果觉得凯发ag旗舰厅登录网址下载网站内容还不错,欢迎将凯发ag旗舰厅登录网址下载推荐给好友。
- 上一篇: 惊了!chrome浏览器竟然自带的一款恐
- 下一篇: html基础,块级元素/行内元素/行内块