Jquery ajax请求导出Excel表格的实现代码


Posted in Javascript onJune 08, 2016

直接贴代码吧

$("#btn-export").click(function(){
  var exportExcel = "export_excel";
  dataParams[exportExcel] = 1;
  var params = $.param(dataParams);
  var url = host+"&"+params;
  $('<form method="post" action="' + url + '"></form>').appendTo('body').submit().remove();
  delete dataParams[exportExcel];
});

简单说明一下:

使用情形:ajax请求服务端,返回json数据,出现的新需求是要把返回的json导出为excel表格。

上述代码中,dataParams为ajax的请求参数,是在前面定义的Object类型的对象,因为请求参数不固定,所以将请求参数都放到对象里面了。

我们知道,ajax请求服务器,是不能返回excel表格的(这个我不确定,如果读者有办法导出,请帖出办法,我们共同学习),我们需要把请求转换为页面请求,即转换为form表单发送请求,这样就可以把数据导出为表格了,也就有了下面的代码:

$('<form method="post" action="' + url + '"></form>').appendTo('body').submit().remove();

为了保证页面的干净整洁,在发送完请求后,将本次提交请求的form表单从页面中移除。

以上这篇Jquery ajax请求导出Excel表格的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
xml转json的js代码
Aug 28 Javascript
jquery实现页面图片等比例放大缩小功能
Feb 12 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
Apr 06 Javascript
JsRender实用入门教程
Oct 31 Javascript
jquery比较简洁的软键盘特效实现方法
Mar 19 Javascript
JavaScript简单实现弹出拖拽窗口(二)
Jun 17 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
Jul 01 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
Flask中获取小程序Request数据的两种方法
May 12 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
详解Vue之事件处理
Jul 10 Javascript
浅谈几种常用的JS类定义方法
Jun 08 #Javascript
浅谈javascript中的constructor
Jun 08 #Javascript
js定义类的几种方法(推荐)
Jun 08 #Javascript
JavaScript必知必会(七)js对象继承
Jun 08 #Javascript
JavaScript必知必会(六) delete in instanceof
Jun 08 #Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 #Javascript
webpack中引用jquery的简单实现
Jun 08 #Javascript
You might like
php fckeditor 调用的函数
2009/06/21 PHP
php设计模式 Composite (组合模式)
2011/06/26 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
Symfony2安装的方法(2种方法)
2016/02/04 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
JavaScript 版本自动生成文章摘要
2008/07/23 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
2016/12/13 Javascript
Node.js模块全局安装路径配置方法
2018/05/17 Javascript
一次Webpack配置文件的分离实战记录
2018/11/30 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
JS遍历树层级关系实现原理解析
2020/08/31 Javascript
Openlayers实现地图全屏显示
2020/09/28 Javascript
[01:03:51]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第三场
2018/04/09 DOTA
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
python获取各操作系统硬件信息的方法
2015/06/03 Python
python实现一组典型数据格式转换
2018/12/15 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
解决Django layui {{}}冲突的问题
2019/08/29 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
python3 实现调用串口功能
2019/12/26 Python
Django之腾讯云短信的实现
2020/06/12 Python
python读取excel进行遍历/xlrd模块操作
2020/07/12 Python
浅谈pandas dataframe对除数是零的处理
2020/07/20 Python
使用HTML5的Canvas绘制曲线的简单方法
2015/09/08 HTML / CSS
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
2018/01/10 HTML / CSS
施华洛世奇英国官网:SWAROVSKI英国
2017/03/13 全球购物
计算机应用专业毕业生求职信
2013/10/24 职场文书
材料采购员岗位职责
2013/12/17 职场文书
经销商培训邀请函
2014/01/21 职场文书
就业协议书怎么填
2014/04/11 职场文书
python开发飞机大战游戏
2021/07/15 Python