JS:数据导出为CSV格式

需求

将后台查询出来的Array导出为CSV格式

<!--html-->
...
<button id= "btnExport" onclick = "exportExcel()">导出当前条件添加至CSV</button>
...
<script>
  //不可点击
  $('#btnExport').attr('disable','disabled');
  //后台返回的数据
  var array= [];
  //从后台获取数据
  $.ajax({
      url: /../../..,
      data:{ keyword:keyword,pageIndex:pageIndex,pageSize:20},
      type:"GET",
      async:false,
      success:function (response){
                   if(!response.code || response.code == 0){
                              alert(response.message);
                   }
                   array = response.data;
      },
      error:function(response){
                  //to do somethings
      }
   //点击下载
   var str = "字段A,字段B,字段C,字段D  \n";
   for(var i= 0;i<array.length,i++){
             for(var item in array[i]){
                 str += array[i][item] + '\t' +',';
             }
   }
  });
  if(array.length == 0){
      alert("查询条件没有数据!");
      return ;
  }
  var url = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
  var link = document.createElement("a");
  link.href = url;
  link.download = "data.csv";
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  $('#btnExport').removeAttr('disabled');
</script>

参考:

JS导出数据为表格

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,096评论 6 13
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,135评论 1 32
  • 首页 资讯 文章 资源 小组 相亲 登录 注册 首页 最新文章 IT 职场 前端 后端 移动端 数据库 运维 其他...
    Helen_Cat阅读 3,913评论 1 10
  • 【旧知】 想法很多,行动力差,所以总是感觉没有进步。 【新知】 书中说: 道理懂得那么多,你却依然不行动。 一切不...
    董瑄100514阅读 290评论 0 3
  • 刘小平后现代心理学分享第231天 why 你的目的是什么?你这样做的原因是什么?你怀着什么样的信念?你的机构为什么...
    晓枰_爸爸帮阅读 98评论 0 0