Jquery ajax請求導出Excel表格的實現代碼
直接貼代碼吧
$("#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表格的(這個我不確定,如果讀者有辦法導出,請?zhí)鲛k法,我們共同學習),我們需要把請求轉換為頁面請求,即轉換為form表單發(fā)送請求,這樣就可以把數據導出為表格了,也就有了下面的代碼:
$('<form method="post" action="' + url + '"></form>').appendTo('body').submit().remove();
為了保證頁面的干凈整潔,在發(fā)送完請求后,將本次提交請求的form表單從頁面中移除。
以上這篇Jquery ajax請求導出Excel表格的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jQuery 數據緩存data(name, value)詳解及實現
本文要討論的是最流行的JavaScript框架jQuery的數據緩存實現原理,這是jQuery1.2.3版開始加入的新功能。2010-01-01
jQuery調用RESTful WCF示例代碼(GET方法/POST方法)
本篇文章主要介紹了jQuery調用RESTful WCF示例代碼(GET方法/POST方法),需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01

