jquery實作excel匯出的方法_jquery

由於javascript本身是沒有權限操作本地文件的,除非使用ActiveX,但這東西麻煩又不安全,完全不想用.所以從頁面的表格中獲得數據保存成本地文件的辦法是行不通了.

我們想要導出的是表格中的資料,表格中的資料又是從伺服器來的,那我們把伺服器上的資料下到本地儲存成檔案不就可以了.

服務端實作碼:

複製程式碼 程式碼如下:

ServletpputStream out = nullull> >//設定輸出csv的頭資訊
 response.setContentType("text/csv");
 String disposition = "attachment; fileName=data.csv";
 response.setHeader("ContName=data.csv";
 response.setHeader("Content-Dispositionent-Disposition ", disposition);
 //取得輸出物件
 out = response.getOutputStream();
 //取得資料
 byte[] blobData = CSVParser.parseCsv(> byte[] blobData = CSVParser.parseCsv(rs).getBytes(rs);
 out.write(blobData);
 out.flush();
 out.close();
}catch(Exception e){
 throw e;
}finally
 if(out != null)
  out.close();
}

有句程式碼有必要解釋一下CSVParser.parseCsv(rs).  CSVParser是我在 CSVParser其他地方實現的一個將從資料庫中查出的ResultSet物件轉換為CSV資料的類別.parseCsv方法的參數rs就是ResultSet物件.傳回的就是csv格式的字串資料
客戶端我是利用iframe進行下載的。寫了個比較通用的方法,大家可以把這個函數放到某個js檔案中,使用時直接在頁面呼叫即可

複製代碼 代碼如下:

/////////////////////////////////////url點查詢查詢查詢的返回csv
function bsuExportCsv(url){
 //如果頁面中沒有用於下載iframe，增加iframe到頁面中
 if($('#downloadcsv').length if($('#downloadcsv').length  $('body').append("");
 $('#downloadcsv').attr('src', url);
}

url是要請求資料的servlet的位址,該位址一定是要回傳csv格式的資料

先判斷頁面中是否有id為downloadcsv的iframe如果沒有在body標籤中加入iframe.然後將iframe的src屬性設定為傳入的url位址.

使用時知道在要匯出的頁面呼叫bsuExportCsv("http://localhost:8080/csvservelt")就可以了.