Jquery ajax請求導(dǎo)出Excel表格的實現(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法,我們共同學(xué)習(xí)),我們需要把請求轉(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)文章
EasyUI學(xué)習(xí)之Combobox級聯(lián)下拉列表(2)
這篇文章主要為大家詳細介紹了EasyUI學(xué)習(xí)之Combobox級聯(lián)下拉列表的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12基于jquery實現(xiàn)百度新聞導(dǎo)航菜單滑動動畫
這篇文章主要介紹了基于jquery實現(xiàn)百度新聞導(dǎo)航菜單滑動動畫,感興趣的小伙伴們可以參考一下2016-03-03詳解jQuery中的getAll()和cleanData()
這篇文章主要介紹了jQuery之getAll()和cleanData()函數(shù)的實例代碼解析,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧2019-04-04jQuery實現(xiàn)獲取table中鼠標click點擊位置行號與列號的方法
這篇文章主要介紹了jQuery實現(xiàn)獲取table中鼠標click點擊位置行號與列號的方法,涉及jQuery事件響應(yīng)及針對table表格元素相關(guān)操作技巧,需要的朋友可以參考下2017-10-10jQuery查找和過濾_動力節(jié)點節(jié)點Java學(xué)院整理
這篇文章主要為大家詳細介紹了jQuery查找和過濾的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07