前端js通过ajax下载后端返回的excel文档 -凯发k8官方网

我们来看下效果演示：
条件假设：

首先得有一个下载文档的接口，我们假设这个接口的地址是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/

总结

以上是凯发k8官方网为你收集整理的前端js通过ajax下载后端返回的excel文档的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。