快捷導(dǎo)航

Jquery ajax請(qǐng)求導(dǎo)出Excel表格的實(shí)現(xiàn)代碼

更新時(shí)間：2016年06月08日 17:07:51 投稿：jingxian

下面小編就為大家?guī)?lái)一篇Jquery ajax請(qǐng)求導(dǎo)出Excel表格的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

直接貼代碼吧

$("#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];
});

簡(jiǎn)單說(shuō)明一下：

使用情形：ajax請(qǐng)求服務(wù)端，返回json數(shù)據(jù)，出現(xiàn)的新需求是要把返回的json導(dǎo)出為excel表格。

上述代碼中，dataParams為ajax的請(qǐng)求參數(shù)，是在前面定義的Object類(lèi)型的對(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)換為頁(yè)面請(qǐng)求，即轉(zhuǎn)換為form表單發(fā)送請(qǐng)求，這樣就可以把數(shù)據(jù)導(dǎo)出為表格了，也就有了下面的代碼：

$('<form method="post" action="' + url + '"></form>').appendTo('body').submit().remove();

為了保證頁(yè)面的干凈整潔，在發(fā)送完請(qǐng)求后，將本次提交請(qǐng)求的form表單從頁(yè)面中移除。

以上這篇Jquery ajax請(qǐng)求導(dǎo)出Excel表格的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery獲取對(duì)象簡(jiǎn)單實(shí)現(xiàn)方法小結(jié)
jQuery獲取對(duì)象，這里獲取的都是Jquery對(duì)象而不是Dom對(duì)象哦，但是他倆是可以轉(zhuǎn)換滴，新手朋友們可以看看
2014-10-10
不要使用jQuery觸發(fā)原生事件的方法
這篇文章主要介紹了不要使用jQuery觸發(fā)原生事件的方法,需要的朋友可以參考下
2014-03-03
jQuery.form.js的使用詳解
本文使用jquery.form.js解決提交之后，頁(yè)面發(fā)生跳轉(zhuǎn)，在一個(gè)空白頁(yè)面上顯示了后端返回的json數(shù)據(jù)問(wèn)題，需要的朋友參考下
2017-06-06
jqPlot jquery的頁(yè)面圖表繪制工具
可能是個(gè)人認(rèn)識(shí)能力有限，一直認(rèn)為僅僅靠html是很難展現(xiàn)稍具動(dòng)態(tài)的圖表的，但是在看到j(luò)qPlot之后，我的認(rèn)識(shí)有了很大改變，jqplpt——基于HTML的圖表展示插件，而且不生成圖片，最可貴的是能生成類(lèi)似flex的數(shù)據(jù)動(dòng)態(tài)提示以及動(dòng)態(tài)改變數(shù)據(jù)展示范圍等等。
2009-07-07
Jquery操作js數(shù)組及對(duì)象示例代碼
這篇文章主要介紹了Jquery操作js數(shù)組及對(duì)象示例代碼,需要的朋友可以參考下
2014-05-05
jQuery實(shí)現(xiàn)監(jiān)控頁(yè)面所有ajax請(qǐng)求的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)監(jiān)控頁(yè)面所有ajax請(qǐng)求的方法,涉及jQuery中ajax請(qǐng)求的判定技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-12-12
基于jquery的on和click的區(qū)別詳解
下面小編就為大家分享一篇基于jquery的on和click的區(qū)別詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
jquery實(shí)現(xiàn)TAB選項(xiàng)卡鼠標(biāo)經(jīng)過(guò)帶延遲效果的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)TAB選項(xiàng)卡鼠標(biāo)經(jīng)過(guò)帶延遲效果的方法,可實(shí)現(xiàn)tab選項(xiàng)卡的延遲加載效果,涉及jquery鼠標(biāo)事件及延遲函數(shù)的相關(guān)使用技巧,需要的朋友可以參考下
2015-07-07
jQuery 數(shù)據(jù)緩存data(name, value)詳解及實(shí)現(xiàn)
本文要討論的是最流行的JavaScript框架jQuery的數(shù)據(jù)緩存實(shí)現(xiàn)原理，這是jQuery1.2.3版開(kāi)始加入的新功能。
2010-01-01
jQuery調(diào)用RESTful WCF示例代碼(GET方法/POST方法)
本篇文章主要介紹了jQuery調(diào)用RESTful WCF示例代碼(GET方法/POST方法)，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01