自写table excel导出

<a name=“excelExport” id=“excelExport” οnclick=“toExcel()”; style=“color: #224dea;text-decoration: none;
font-size: 16px;margin-left: 278px; margin-top: 24px;display: block;
cursor: pointer;float: right”>导出 Excel

        <div class="sheet_box">
            <table id="selfGrade" cellspacing="0" align="center" border="2px" style="width: 522px;">
                <thead class="sheet_tit">
                <tr >
                    <th width="100px">名次</th>
                    <th width="130px">姓名</th>
                    <th width="130px">分数</th>
                    <th width="130px">所属班级</th>
                </tr>
                </thead>
               <tbody align="center"></tbody>
            </table>
        </div>






/*个人成绩排名*/
$(function (){
    $.ajax({
        type: "get",
        dataType: "json",
        async: false,  //同步
        url: '' ,//数据接口
        data: {},
        success: function (data) {
            var str = "";
            var json = eval(data.data);
            $.each(json, function (index) {
                console.log("2222"+JSON.stringify(json))
                //循环获取数据    
                str += '<tr>' +
                    '<td>' + json[index].rank + '</td>' +
                    '<td>' + json[index].studentname+ '</td>' +
                    '<td>' + json[index].score + '</td>' +
                    '<td>' + json[index].classname + '</td>' +
                    '</tr>';
            });
            $("#selfGrade tbody").prepend(str);
        },
        error: function (data) {
            //alert(222)
        }
    });
});

//导出excel
function toExcel(){
    //获取表格
    var exportFileContent = document.getElementById("selfGrade").outerHTML;

    //使用Blob
    var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});         //解决中文乱码问题
    blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
    //设置链接
    var link = window.URL.createObjectURL(blob);
    var a = document.createElement("a");    //创建a标签
    a.download = "个人成绩排名.xls";  //设置被下载的超链接目标(文件名)
    a.href = link;                            //设置a标签的链接
    document.body.appendChild(a);            //a标签添加到页面
    a.click();                                //设置a标签触发单击事件
    document.body.removeChild(a);            //移除a标签
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值