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 相关文章推荐
基于jquery的让textarea自适应高度的插件
Aug 03 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
Jul 08 Javascript
基于jquery的鼠标拖动效果代码
May 30 Javascript
jquery入门—选择器实现隔行变色实例代码
Jan 04 Javascript
jQuery网页版打砖块小游戏源码分享
Aug 20 Javascript
Bootstrap布局之栅格系统详解
Jun 13 Javascript
Ionic+AngularJS实现登录和注册带验证功能
Feb 09 Javascript
webpack的CSS加载器的使用
Sep 11 Javascript
单页面vue引入百度统计的使用方法示例详解
Oct 13 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
Nov 21 Javascript
详解一个基于套接字实现长连接的express
Mar 28 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
浅谈几种常用的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关联链接常用代码
2012/11/05 PHP
php json转换成数组形式代码分享
2014/11/10 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
ThinkPHP5.0多个文件上传后找不到临时文件的修改方法
2018/07/30 PHP
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
select组合框option的捕捉实例代码
2008/09/30 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
2012/01/15 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
jquery验证邮箱格式并显示提交按钮
2015/11/07 Javascript
实用又漂亮的BootstrapValidator表单验证插件
2016/05/30 Javascript
如何制作幻灯片(代码分享)
2017/01/06 Javascript
js中字符型和数值型数字的互相转化方法(必看)
2017/04/25 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
python实现的udp协议Server和Client代码实例
2014/06/04 Python
Python多线程编程(三):threading.Thread类的重要函数和方法
2015/04/05 Python
Python进阶篇之字典操作总结
2016/11/16 Python
Django基于ORM操作数据库的方法详解
2018/03/27 Python
Python读取properties配置文件操作示例
2018/03/29 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
用python画一只可爱的皮卡丘实例
2019/11/21 Python
python给指定csv表格中的联系人群发邮件(带附件的邮件)
2019/12/31 Python
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
大学生素质拓展活动方案
2014/02/11 职场文书
2014年3.15团委活动总结
2014/03/16 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
医学专业自荐信
2014/06/14 职场文书
国贸专业求职信
2014/06/28 职场文书
2015毕业生自我评价范文
2015/03/02 职场文书
创业计划书之酒吧
2019/12/02 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript