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压缩混淆工具
May 16 Javascript
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
JS组件Bootstrap Table使用实例分享
May 30 Javascript
webpack+vue.js实现组件化详解
Oct 12 Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 Javascript
Bootstrap select多选下拉框实现代码
Dec 23 Javascript
Angular中ng-bind和ng-model的区别实例详解
Apr 10 Javascript
JavaScript生成图形验证码
Aug 24 Javascript
node使用Koa2搭建web项目的方法
Oct 17 Javascript
Less 安装及基本用法
May 05 Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
Nov 21 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变量范围介绍
2012/10/15 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
JavaScript 参考教程
2006/12/29 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
2012/05/03 Javascript
一个可以增加和删除行的table并可编辑表格中内容
2014/06/16 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
Js控制滑轮左右滑动实例
2015/02/13 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
实例解析jQuery中proxy()函数的用法
2016/05/24 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
Vee-Validate的使用方法详解
2017/09/22 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
2017/12/13 Javascript
Vue项目查看当前使用的elementUI版本的方法
2018/09/27 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
js实现图片无缝循环轮播
2019/10/28 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
numpy.delete删除一列或多列的方法
2018/04/03 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
树莓派与PC端在局域网内运用python实现即时通讯
2019/06/22 Python
Python中查看变量的类型内存地址所占字节的大小
2019/06/26 Python
python读写csv文件实例代码
2019/07/05 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
Python函数的默认参数设计示例详解
2019/12/01 Python
Pandas之缺失数据的实现
2021/01/06 Python
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
Old Navy加拿大官网:美式休闲服饰品牌
2017/09/26 全球购物
国际贸易毕业生求职信范文
2014/02/21 职场文书
劲霸男装广告词
2014/03/21 职场文书
学校安全责任书
2014/04/14 职场文书
村级个人对照检查材料
2014/08/22 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers