下面小编就为大家带来一篇 Jquery ajax 请求导出 Excel 表格的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
直接贴代码吧
- $("#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 表格的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0303/265018.html