js 实现前端导出execl

2021-05-13 04:27

阅读：505

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

标签：img base cli alt link element name template head

function btn_exportexecl() {
$.ajax({
type: "get",// get或者post
url: "/Export/ExportExceldc",// 请求的url地址
data: { holeid: ID},//请求的参数
dataType: "json",
success: function (jsonData) { 
//循环遍历，每行加入tr标签，每个单元格加td标签
let str = ‘

‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘ + ‘‘; ; for (let i = 0; i ) { str += ‘‘; //增加\t为了不让表格显示科学计数法或者其他格式 str += ``; str += ``; str += ``; str += ``; str += ‘‘; } str += ‘

演示execl
数值1	‘ + jsonData[1][‘数值1‘] + ‘	数值2	‘ + jsonData[1][‘数值2‘] + ‘
数值3	‘ + jsonData[1][‘数值5‘] + ‘	数值4	‘ + jsonData[1][‘数值6‘] + ‘
列1	列2	列3	列4
${jsonData[i][‘列1‘] + ‘\t‘}	${jsonData[i][‘列2‘] + ‘\t‘}	${jsonData[i][‘列3‘] + ‘\t‘}	${jsonData[i][‘列4‘] + ‘\t‘}

‘; //Worksheet名 let worksheet = ‘sheet1‘ let uri = ‘data:application/vnd.ms-excel;base64,‘; //下载的表格模板数据 let template = ` xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"> ${str}

`; //下载模板 // window.location.href = uri + base64(template) var link = document.createElement("A"); link.href = uri + base64(template) link.download = ‘测试‘;//execl的名称 link.target = ‘_blank‘; document.body.appendChild(link); link.click(); document.body.removeChild(link); }, error: function () {//失败的函数 }, })

导出execl文件就是这样的..........

技术图片

js 实现前端导出execl

标签：img base cli alt link element name template head

原文地址：https://www.cnblogs.com/wxxf/p/12002893.html

上一篇：怎么解决js中如滑动到最底端一次操作触发多次

下一篇：libcurl-http发送数据流程

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：js 实现前端导出execl
文章链接：http://soscw.com/index.php/essay/84971.html

亲，登录后才可以留言！

js 实现前端导出execl

评论

热门文章

推荐文章

最新文章

置顶文章