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

我們想要導出的是表格中的數據,表格中的數據又是從服務器來的,那我們把服務器上的數據下到本地保存成文件不就可以了.

服務端實現代碼:

代碼如下:
ServletOutputStream out = null;
try{
//設置輸出csv的頭信息
 response.setContentType("text/csv");
 String disposition = "attachment; fileName=data.csv";
 response.setHeader("Content-Disposition", disposition);
 //獲得輸出對象
 out = response.getOutputStream();
 //獲得數據
 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是我在其他地方實現的一個將從數據庫中查出的ResultSet對象轉換為CSV數據的類.parseCsv方法的參數rs就是ResultSet對象.返回的就是csv格式的字符串數據

客戶端我是利用iframe進行下載的。寫了個比較通用的方法,大家可以把這個函數放到某個js文件中,使用時直接在頁面調用即可

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

url是要請求數據的servlet的地址,該地址一定是要返回csv格式的數據

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

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