Jquery ajax請(qǐng)求導(dǎo)出Excel表格的實(shí)現(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請(qǐng)求服務(wù)端,返回json數(shù)據(jù),出現(xiàn)的新需求是要把返回的json導(dǎo)出為excel表格。
上述代碼中,dataParams為ajax的請(qǐng)求參數(shù),是在前面定義的Object類型的對(duì)象,因?yàn)檎?qǐng)求參數(shù)不固定,所以將請(qǐng)求參數(shù)都放到對(duì)象里面了。
我們知道,ajax請(qǐng)求服務(wù)器,是不能返回excel表格的(這個(gè)我不確定,如果讀者有辦法導(dǎo)出,請(qǐng)?zhí)鲛k法,我們共同學(xué)習(xí)),我們需要把請(qǐng)求轉(zhuǎn)換為頁面請(qǐng)求,即轉(zhuǎn)換為form表單發(fā)送請(qǐng)求,這樣就可以把數(shù)據(jù)導(dǎo)出為表格了,也就有了下面的代碼:
$('<form method="post" action="' + url + '"></form>').appendTo('body').submit().remove();
為了保證頁面的干凈整潔,在發(fā)送完請(qǐng)求后,將本次提交請(qǐng)求的form表單從頁面中移除。
以上這篇Jquery ajax請(qǐng)求導(dǎo)出Excel表格的實(shí)現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JQuery的Ajax請(qǐng)求實(shí)現(xiàn)局部刷新的簡單實(shí)例
- jquery的ajax異步請(qǐng)求接收返回json數(shù)據(jù)實(shí)例
- 跨域請(qǐng)求之jQuery的ajax jsonp的使用解惑
- jquery ajax請(qǐng)求方式與提示用戶正在處理請(qǐng)稍等
- 為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法
- jQuery.ajax 跨域請(qǐng)求webapi設(shè)置headers的解決方案
- Jquery Ajax請(qǐng)求文件下載操作失敗的原因分析及解決辦法
- 淺析jQuery Ajax請(qǐng)求參數(shù)和返回?cái)?shù)據(jù)的處理
- 教你如何終止JQUERY的$.AJAX請(qǐng)求
- jQuery中ajax的相關(guān)知識(shí)點(diǎn)匯總
相關(guān)文章
Jquery之Ajax運(yùn)用 學(xué)習(xí)運(yùn)用篇
JQuery中Ajax的運(yùn)用相信很多人都已熟悉,本文主要是記錄下個(gè)人實(shí)踐中的應(yīng)用知識(shí),旨在加強(qiáng)記憶。2011-09-09EasyUI學(xué)習(xí)之Combobox級(jí)聯(lián)下拉列表(2)
這篇文章主要為大家詳細(xì)介紹了EasyUI學(xué)習(xí)之Combobox級(jí)聯(lián)下拉列表的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12基于jquery實(shí)現(xiàn)百度新聞導(dǎo)航菜單滑動(dòng)動(dòng)畫
這篇文章主要介紹了基于jquery實(shí)現(xiàn)百度新聞導(dǎo)航菜單滑動(dòng)動(dòng)畫,感興趣的小伙伴們可以參考一下2016-03-037款吸引人眼球的jQuery/CSS3特效實(shí)例分享
jQuery和CSS3對(duì)于web前端開發(fā)肯定用得也比較多,接下來分享一些由jQuery和CSS3制作成的特效,希望對(duì)哪些喜歡學(xué)習(xí)特效的朋友有所幫助2013-04-04詳解jQuery中的getAll()和cleanData()
這篇文章主要介紹了jQuery之getAll()和cleanData()函數(shù)的實(shí)例代碼解析,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2019-04-04jQuery實(shí)現(xiàn)獲取table中鼠標(biāo)click點(diǎn)擊位置行號(hào)與列號(hào)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取table中鼠標(biāo)click點(diǎn)擊位置行號(hào)與列號(hào)的方法,涉及jQuery事件響應(yīng)及針對(duì)table表格元素相關(guān)操作技巧,需要的朋友可以參考下2017-10-10jQuery查找和過濾_動(dòng)力節(jié)點(diǎn)節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了jQuery查找和過濾的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07