Jquery ajax請求導(dǎo)出Excel表格的實現(xiàn)代碼
更新時間：2016年06月08日 17:07:51 投稿：jingxian
下面小編就為大家?guī)硪黄狫query ajax請求導(dǎo)出Excel表格的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
直接貼代碼吧
$("#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請求服務(wù)端，返回json數(shù)據(jù)，出現(xiàn)的新需求是要把返回的json導(dǎo)出為excel表格。
上述代碼中，dataParams為ajax的請求參數(shù)，是在前面定義的Object類型的對象，因為請求參數(shù)不固定，所以將請求參數(shù)都放到對象里面了。
我們知道，ajax請求服務(wù)器，是不能返回excel表格的（這個我不確定，如果讀者有辦法導(dǎo)出，請?zhí)鲛k法，我們共同學習），我們需要把請求轉(zhuǎn)換為頁面請求，即轉(zhuǎn)換為form表單發(fā)送請求，這樣就可以把數(shù)據(jù)導(dǎo)出為表格了，也就有了下面的代碼：
$('<form method="post" action="' + url + '"></form>').appendTo('body').submit().remove();
為了保證頁面的干凈整潔，在發(fā)送完請求后，將本次提交請求的form表單從頁面中移除。
以上這篇Jquery ajax請求導(dǎo)出Excel表格的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JQuery的Ajax請求實現(xiàn)局部刷新的簡單實例
- jquery的ajax異步請求接收返回json數(shù)據(jù)實例
- 跨域請求之jQuery的ajax jsonp的使用解惑
- jquery ajax請求方式與提示用戶正在處理請稍等
- 為jquery的ajax請求添加超時timeout時間的操作方法
- jQuery.ajax 跨域請求webapi設(shè)置headers的解決方案
- Jquery Ajax請求文件下載操作失敗的原因分析及解決辦法
- 淺析jQuery Ajax請求參數(shù)和返回數(shù)據(jù)的處理
- 教你如何終止JQUERY的$.AJAX請求
- jQuery中ajax的相關(guān)知識點匯總
相關(guān)文章
jQuery獲取對象，這里獲取的都是Jquery對象而不是Dom對象哦，但是他倆是可以轉(zhuǎn)換滴，新手朋友們可以看看2014-10-10
這篇文章主要介紹了不要使用jQuery觸發(fā)原生事件的方法,需要的朋友可以參考下2014-03-03
本文使用jquery.form.js解決提交之后，頁面發(fā)生跳轉(zhuǎn)，在一個空白頁面上顯示了后端返回的json數(shù)據(jù)問題，需要的朋友參考下2017-06-06
可能是個人認識能力有限，一直認為僅僅靠html是很難展現(xiàn)稍具動態(tài)的圖表的，但是在看到j(luò)qPlot之后，我的認識有了很大改變，jqplpt——基于HTML的圖表展示插件，而且不生成圖片，最可貴的是能生成類似flex的數(shù)據(jù)動態(tài)提示以及動態(tài)改變數(shù)據(jù)展示范圍等等。2009-07-07
這篇文章主要介紹了Jquery操作js數(shù)組及對象示例代碼,需要的朋友可以參考下2014-05-05
jQuery實現(xiàn)監(jiān)控頁面所有ajax請求的方法
這篇文章主要介紹了jQuery實現(xiàn)監(jiān)控頁面所有ajax請求的方法,涉及jQuery中ajax請求的判定技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
下面小編就為大家分享一篇基于jquery的on和click的區(qū)別詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jquery實現(xiàn)TAB選項卡鼠標經(jīng)過帶延遲效果的方法
這篇文章主要介紹了jquery實現(xiàn)TAB選項卡鼠標經(jīng)過帶延遲效果的方法,可實現(xiàn)tab選項卡的延遲加載效果,涉及jquery鼠標事件及延遲函數(shù)的相關(guān)使用技巧,需要的朋友可以參考下2015-07-07
jQuery 數(shù)據(jù)緩存data(name, value)詳解及實現(xiàn)
本文要討論的是最流行的JavaScript框架jQuery的數(shù)據(jù)緩存實現(xiàn)原理，這是jQuery1.2.3版開始加入的新功能。2010-01-01
jQuery調(diào)用RESTful WCF示例代碼(GET方法/POST方法)
本篇文章主要介紹了jQuery調(diào)用RESTful WCF示例代碼(GET方法/POST方法)，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01