快捷導(dǎo)航

jquery實(shí)現(xiàn)excel導(dǎo)出的方法

更新時(shí)間：2013年04月04日 22:59:41 作者：

最近要實(shí)現(xiàn)在web頁(yè)面上導(dǎo)出excel文件的功能，下面是具體的實(shí)現(xiàn)方法及思路

由于javascript本身是沒(méi)有權(quán)限操作本地文件的,除非使用ActiveX,但這東西麻煩又不安全,完全不想用.所以從頁(yè)面的表格中獲得數(shù)據(jù)保存成本地文件的辦法是行不通了.

我們想要導(dǎo)出的是表格中的數(shù)據(jù),表格中的數(shù)據(jù)又是從服務(wù)器來(lái)的,那我們把服務(wù)器上的數(shù)據(jù)下到本地保存成文件不就可以了.

服務(wù)端實(shí)現(xiàn)代碼:

ServletOutputStream out = null;
try{
//設(shè)置輸出csv的頭信息
 response.setContentType("text/csv");
 String disposition = "attachment; fileName=data.csv";
 response.setHeader("Content-Disposition", disposition);
 //獲得輸出對(duì)象
 out = response.getOutputStream();
 //獲得數(shù)據(jù)
 byte[] blobData = CSVParser.parseCsv(rs).getBytes();
 out.write(blobData);
 out.flush();
 out.close();
}catch(Exception e){
 throw e;
}finally{
 if(out != null)
  out.close();
} 

有句代碼有必要解釋一下CSVParser.parseCsv(rs). CSVParser是我在其他地方實(shí)現(xiàn)的一個(gè)將從數(shù)據(jù)庫(kù)中查出的ResultSet對(duì)象轉(zhuǎn)換為CSV數(shù)據(jù)的類.parseCsv方法的參數(shù)rs就是ResultSet對(duì)象.返回的就是csv格式的字符串?dāng)?shù)據(jù)

客戶端我是利用iframe進(jìn)行下載的。寫(xiě)了個(gè)比較通用的方法,大家可以把這個(gè)函數(shù)放到某個(gè)js文件中,使用時(shí)直接在頁(yè)面調(diào)用即可

復(fù)制代碼代碼如下:

//帶入url根據(jù)查詢的數(shù)據(jù)返回csv
function bsuExportCsv(url){
 //如果頁(yè)面中沒(méi)有用于下載iframe，增加iframe到頁(yè)面中
 if($('#downloadcsv').length<=0)
  $('body').append("<iframe id=\"downloadcsv\" style=\"display:none\"></iframe>");
 $('#downloadcsv').attr('src',url);
} 

url是要請(qǐng)求數(shù)據(jù)的servlet的地址,該地址一定是要返回csv格式的數(shù)據(jù)

先判斷頁(yè)面中是否有id為downloadcsv的iframe如果沒(méi)有在body標(biāo)簽中加入iframe.然后將iframe的src屬性設(shè)置為傳入的url地址.

使用時(shí)知道在要導(dǎo)出的頁(yè)面調(diào)用bsuExportCsv("http://localhost:8080/csvservelt")就可以了.

您可能感興趣的文章: