欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2021-02-02 10:12:25|栏目:jquery|点击:

直接贴代码吧

$("#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日历插件datepicker用法分析

栏    目:jquery

下一篇:高效Web开发的10个jQuery代码片段

本文标题:Jquery ajax请求导出Excel表格的实现代码

本文地址:http://www.codeinn.net/misctech/55834.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有