js导出excel文件的简洁方法(推荐)


Posted in Javascript onNovember 02, 2016

用js可以直接在jsp页面导出数据到excel文件,方法很简洁,如下:

第一,准备一个jsp(暂时取名为export.jsp),内容为:

<%@ page contentType="text/html; charset=GBK"%>
<%
  String context = request.getParameter("sContent");
  response.setHeader("Content-type","application/vnd.ms-xls");
  response.setHeader("Content-Disposition","attachment;filename=export.xls");
  response.setHeader("Expires","0");
  response.setHeader("Cache-Control", "no-cache, must-revalidate");
  response.setHeader("Pragma", "no-cache");
  out.print(context);
%>

第二,写一个导出数据的jsp页面(暂时命名为test.jsp),内容如下:

<%@ page contentType="text/html; charset=GBK"%>
<% 
 String path = request.getContextPath();
%>
<html>
 <head>
 <script type="text/javascript">
  function exportData(){
  var html="<table><tr><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td></tr>";
  html+="<tr><td>monday</td><td>tuesday</td><td>wednesday</td><td>thursday</td>";
  html+="</tr></table>";
  document.getElementByIdx_x_x("sContent").value=html;
  document.getElementByIdx_x_x("form1").submit();
  }
 </script>
 </head>
 <body>
 <iframe id="exeframe" name="exeframe" style="display:none">
 </iframe>
 <form id="form1" method="post" target="exeframe" action="export.jsp?ver=导出">
  <input type="hidden" id="sContent" name="sContent" value=""/>
 </form>
 
 <input type="button" onclick="exportData()" value="导出">
 </body>
</html>

ok,至此,导出功能结束。

以上就是小编为大家带来的js导出excel文件的简洁方法(推荐)全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 Javascript
基于JQuery的Pager分页器实现代码
Jul 17 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
js中window.open打开一个新的页面
Aug 10 Javascript
使用React实现轮播效果组件示例代码
Sep 05 Javascript
jQuery插件zTree实现获取一级节点数据的方法
Mar 08 Javascript
解析jquery easyui tree异步加载子节点问题
Mar 08 Javascript
Vue中使用的EventBus有生命周期
Jul 12 Javascript
angular实现input输入监听的示例
Aug 31 Javascript
Vue中使用vux配置代码详解
Sep 16 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
Apr 25 Javascript
Electron整合React使用搭建开发环境的步骤详解
Jun 07 Javascript
AngularJS入门教程之多视图切换用法示例
Nov 02 #Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
Nov 02 #Javascript
arcgis for js 修改infowindow样式的方法
Nov 02 #Javascript
快速解决js中window.location.href不工作的问题
Nov 02 #Javascript
javascript创建对象的3种方法
Nov 02 #Javascript
AngularJS入门教程之表单校验用法示例
Nov 02 #Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 #Javascript
You might like
PHP防CC攻击实现代码
2011/12/29 PHP
php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
2014/01/17 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
jQuery使用手册之三 CSS操作
2007/03/24 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
jquery实现图片翻页效果
2013/12/23 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
JavaScript微信定位功能实现方法
2016/11/29 Javascript
nodejs+express搭建多人聊天室步骤
2018/02/12 NodeJs
JS改变页面颜色源码分享
2018/02/24 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
2018/09/04 Javascript
OpenLayers3实现鼠标移动显示坐标
2020/09/25 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
python 判断自定义对象类型
2009/03/21 Python
python中cPickle用法例子分享
2014/01/03 Python
Python安装Imaging报错:The _imaging C module is not installed问题解决方法
2014/08/22 Python
用Python的Django框架完成视频处理任务的教程
2015/04/02 Python
python转换字符串为摩尔斯电码的方法
2015/07/06 Python
python通过socket查询whois的方法
2015/07/18 Python
[原创]Python入门教程3. 列表基本操作【定义、运算、常用函数】
2018/10/30 Python
Python3 pip3 list 出现 DEPRECATION 警告的解决方法
2019/02/16 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
用openCV和Python 实现图片对比,并标识出不同点的方式
2019/12/19 Python
Python学习笔记之装饰器
2020/08/06 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
2018/04/23 HTML / CSS
大学生军训自我评价分享
2013/11/09 职场文书
企业办公室主任岗位职责
2014/02/19 职场文书
建筑安全标语
2014/06/07 职场文书
小组口号大全
2014/06/09 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
教师辞职书范文
2015/02/26 职场文书
vue-cropper组件实现图片切割上传
2021/05/27 Vue.js
Mongodb 迁移数据块的流程介绍分析
2022/04/18 MongoDB