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 相关文章推荐
javascript动态控制服务器控件实例
Sep 05 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
jQuery实现html表格动态添加新行的方法
May 28 Javascript
javascript 闭包详解
Jul 02 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
ajax异步请求详解
Jan 06 Javascript
从零开始做一个pagination分页组件
Mar 15 Javascript
ES6入门教程之let和const命令详解
May 17 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
mongoose更新对象的两种方法示例比较
Dec 19 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
浅谈几种常用的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
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
PHP中UNIX时间戳和日期间的转换与计算实例
2014/11/19 PHP
php+ajax实时刷新简单实例
2015/02/25 PHP
基于php实现随机合并数组并排序(原排序)
2015/11/26 PHP
PHP符合PSR编程规范的实例分享
2016/12/21 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
用innerhtml提高页面打开速度的方法
2013/08/02 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
JQuery动画与特效实例分析
2015/02/02 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
2015/06/23 Javascript
浅析Bootstrap验证控件的使用
2016/06/23 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
2017/04/22 Javascript
jQuery中extend函数简单用法示例
2017/10/11 jQuery
Node 自动化部署的方法
2017/10/17 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
[51:14]LGD vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
Python闭包与装饰器原理及实例解析
2020/04/30 Python
python利用tkinter实现图片格式转换的示例
2020/09/28 Python
Original Penguin英国官方网站:美国著名休闲时装品牌
2016/10/30 全球购物
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
初一地理教学反思
2014/01/16 职场文书
院领导写的就业推荐信
2014/03/09 职场文书
微笑面对生活演讲稿
2014/05/13 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
安全月宣传标语
2014/10/07 职场文书
现场施工员岗位职责
2015/04/11 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
解决Redis启动警告问题
2022/02/24 Redis
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python