js 导出excel

<button type="button" class="btn green" onclick='tableToExcel()'>导出表格</button>
<script>
function tableToExcel(){
    $.ajax({
   url:"http://127.0.0.1:3000/listding",

   success:function(result){  
		var j =JSON.parse(result);
		console.log(result);
		ta(result);
    }
	 
	});
   }
  function ta(Data){
      //要导出的json数据
      const jsonData =JSON.parse(Data);
      //列标题
      let str = '<tr><td>订单ID</td><td>用户名称</td><td>商品名</td><td>数量</td><td>总金额</td><td>交易时间</td><td>收货地址</td><td>状态</td></tr>';
      //循环遍历,每行加入tr标签,每个单元格加td标签
      for(let i = 0 ; i < jsonData.length ; i++ ){
        str+='<tr>';
        for(let item in jsonData[i]){
            //增加\t为了不让表格显示科学计数法或者其他格式
            str+=`<td>${ jsonData[i][item] + '\t'}</td>`;     
        }
        str+='</tr>';
      }
      //Worksheet名
      let worksheet = 'Sheet1'
      let uri = 'data:application/vnd.ms-excel;base64,';
 
      //下载的表格模板数据
      let template = `<html xmlns:o="urn:schemas-microsoft-com:office:office" 
      xmlns:x="urn:schemas-microsoft-com:office:excel" 
      xmlns="http://www.w3.org/TR/REC-html40">
      <head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
        <x:Name>${worksheet}</x:Name>
        <x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>
        </x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
        </head><body><table>${str}</table></body></html>`;
      //下载模板
      window.location.href = uri + base64(template)
    }
    //输出base64编码
    function base64 (s) { return window.btoa(unescape(encodeURIComponent(s))) }

</script>

评论

刷新

友情链接