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 EasyUI中对表格进行编辑的实现代码
Jun 10 Javascript
原生javascript模仿win8等待提示圆圈进度条
Apr 24 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
Jun 22 Javascript
javascript函数中参数传递问题示例探讨
Jul 31 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
Sep 05 Javascript
详解堆的javascript实现方法
Nov 29 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
Dec 28 Javascript
Bootstrap datepicker日期选择器插件使用详解
Jul 26 Javascript
JS字符串去除连续或全部重复字符的实例
Mar 08 Javascript
Vue.js实现tab切换效果
Jul 24 Javascript
小程序自定义弹框效果
Nov 16 Javascript
详解Vue的sync修饰符
May 15 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计算两个日期时间差(返回年、月、日)
2014/06/19 PHP
laravel安装zend opcache加速器教程
2015/03/02 PHP
smarty自定义函数用法示例
2016/05/20 PHP
PHP如何实现跨域
2016/05/30 PHP
优秀js开源框架-jQuery使用手册(1)
2007/03/10 Javascript
javascript各种复制代码收集
2008/09/20 Javascript
JavaScript 函数调用规则
2009/09/14 Javascript
解析使用JS 清空File控件的路径值
2013/07/08 Javascript
js验证电话号码与手机支持+86的正则表达式
2014/01/23 Javascript
js的延迟执行问题分析
2014/06/23 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
JS表格组件神器bootstrap table详解(基础版)
2015/12/08 Javascript
基于jQuery的Web上传插件Uploadify使用示例
2016/05/19 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
jquery仿ps颜色拾取功能
2017/03/08 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
[03:06]V社市场总监Dota2项目负责人Erik专访:希望更多中国玩家加入DOTA2
2014/07/11 DOTA
用python实现的可以拷贝或剪切一个文件列表中的所有文件
2009/04/30 Python
python数据结构之图深度优先和广度优先实例详解
2015/07/08 Python
Python黑帽编程 3.4 跨越VLAN详解
2016/09/28 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
Python Pywavelet 小波阈值实例
2019/01/09 Python
对python3中, print横向输出的方法详解
2019/01/28 Python
详解Python的三种可变参数
2019/05/08 Python
使用python-opencv读取视频,计算视频总帧数及FPS的实现
2019/12/10 Python
python小白切忌乱用表达式
2020/05/29 Python
巴西24小时在线药房:Droga Raia
2020/05/12 全球购物
学校献爱心活动总结
2014/07/08 职场文书
还款承诺书范本
2015/01/20 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
2016年妇联“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
Python如何快速找到多个字典中的公共键(key)
2022/04/29 Python