1. 程式人生 > >使用jquery.fileDownload.js外掛匯出excel

使用jquery.fileDownload.js外掛匯出excel

因為使用ajax匯出excel會出現問題,所以現在使用jquery.fileDownload.js外掛來解決匯出excel的問題

http://johnculviner.com/jquery-file-download-plugin-for-ajax-like-feature-rich-file-downloads/

在頁面引入jquery.fileDownload.js外掛

1、如下圖

<script type="text/javascript" src="${resource}/js/jquery.fileDownload.js"/></script>
<script type="text/javascript">

 $("#exportBtn").on("click",function(){
 $("#exportExcelModal").modal();  
 });
 $("#export_confirm").on("click",function(){
 var url="${path}/admin/information/student/export";
 $.fileDownload(url,{
data:{semesterId:$("#misSemester").val()},
successCallback: function (url) {
$("#exportExcelModal").modal("hide");
},
   failCallback: function (html, url) {
   alert("匯出失敗,未知的異常。");
   $("#exportExcelModal").modal("hide");
   }
});  
 });

2、如果要使回撥函式successCallback和failCallback起作用,還得在後臺程式碼中返回Cookie,如下圖

3、在後臺程式碼中設定Cookie,並返回Cookie的值

public void export(final HttpServletRequest request, HttpServletResponse response,final String semesterId) throws IOException, IllegalArgumentException, IllegalAccessException {
String fileName = "excel檔案";
response.reset();
response.setContentType("application/vnd.ms-excel;charset=utf-8");
response.setHeader("Content-Disposition", "attachment;filename=" + new String((fileName + ".xls").getBytes(), "iso-8859-1"));

        //在這裡加入設定Cookie   -------------
Cookie fileDownload=new Cookie("fileDownload", "true");
fileDownload.setPath("/");
response.addCookie(fileDownload);

      //------------------------------------
ServletOutputStream out = response.getOutputStream();
final HSSFWorkbook workbook = new HSSFWorkbook();
List<Future<Boolean>> resultList = new ArrayList<Future<Boolean>>();

相關推薦

使用jquery.fileDownload.js外掛匯出excel

因為使用ajax匯出excel會出現問題,所以現在使用jquery.fileDownload.js外掛來解決匯出excel的問題 http://johnculviner.com/jquery-file-download-plugin-for-ajax-like-featur

利用js-xlsx.js外掛實現Excel檔案匯入並解析Excel資料成json資料格式

<!--本文轉載於網路,有太多一樣的文章,不知道原作者是哪位了,就不註明出處了。這裡記載下來,用於自己的學習借鑑--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

js資料匯出excel

<html> <meta charset="utf-8"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <scrip

easyui快捷鍵實現增刪改(jquery.hotkeys.js外掛)

第一步:下載 jquery.hotkeys.js外掛  http://plugins.jquery.com/hotkeys/ 第二步:js引入 <!-- jquery的按鍵擴充套件支援 --> <script type="text/jav

jquery.cookie.js外掛

jquery.cookie.js外掛:   <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/ja

jquery.fileupload.js外掛使用--單視訊或音訊上傳預覽

一、前臺程式碼: <!DOCTYPE html> <html> <head> <title>jquery.fileupload.js使用測試</title> <script src="jqu

jquery.fileupload.js外掛使用初探--多圖片上傳預覽

 一、前臺程式碼: <!DOCTYPE html> <html> <head> <title>jquery.fileupload.js使用測試</title> <script src="jq

js前端匯出excel表格

執行環境必備要求:excel軟體、IE瀏覽器 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <ti

EasyUi、SpringMVC、jquery的ajax、匯出Excel檔案

後臺Controller中的方法: package com.lee.springmvc.controller; import java.io.FileOutputStream; import java.text.SimpleDateFormat; import java

jquery.fileupload.js外掛使用初探--單圖片上傳預覽

一、官方外掛下載地址:http://plugins.jquery.com/blueimp-file-upload/         下載下來後會發現裡面包含了一堆檔案,首先需要弄清楚的是最核心的部分是哪些,根據官方的例子可以知道,一個最簡單的jQuery File Uplo

js匯出excel 較長數字串會變為科學計數法

- js 中匯出excel 較長數字串會變成科學計數法在做專案中,碰到如題的問題。比如要將居民的資訊匯出到excel中,居民的身份證號碼因為長度過長(大於10位),excel會自動的將過長的數字串轉換成 科學計數法。現在網上找到解決方案之一: (在數字串前後加 " "

jQuery.fileDownload.js 檔案 下載失敗和原始碼

原來:使用$("form").submit()進行檔案的下載,但是該方法不能獲取callback函式,不能對下載過程進行監聽,所以採用jQuery.fileDownload.js可以在下載完成時獲取一個回撥函式。 前端: $("#downDetail"

通過jQuery的tablExport框架匯出excel等檔案

專案中有用到匯出EXCEL等檔案的地方,所以記錄下來 1,在專案的頁面中需要分別匯入的js檔案: ①jQuery.js檔案(支援jQuery語法) ②tableExport.js(封裝好的導檔案的js檔案) ③jquery.base64.js(好像是編碼

jquery-validator.js外掛校驗

首先引入檔案 <script src="jquery.js" type="text/javascript"></script> <script src="jquery.metadata.js" type="text/javascript">

jQuery.fileDownload.js successCallback方法失效的問題

前端:jQuery 後端:Spring 原來:使用$("form").submit()進行檔案的下載,但是該方法不能獲取callback函式,不能對下載過程進行監聽,所以採用jQuery.fileDownload.js可以在下載完成時獲取一個回撥函式。 前端: $.file

jquery.from.js 上傳excel用法小結

客戶端程式碼:<form id="form1" action="http://localhost:8080/gciwebservice/import/exceltest" method="post" enctype="multipart/form-data">

登入退出時設定cookie,獲取cookie,刪除cookie,捨棄jquery.cookie.js外掛

前言:公司以前用的jquery.cookie.js外掛來存取刪cookie,要求退出登入時,刪除cookie,在未正常退出登入時,下次登入可自動登入,but用該外掛的$.cookie("username",null,-1);並不管用,查了一些方法解決好像並不管用,可能本人外掛

jquery.media.js 外掛實現線上預覽PDF檔案

 程式碼: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content

jquery ajaxFileUpload.js外掛支援多檔案上傳的方法

ajaxFileUpload是一款基於jQuery的ajax上傳方式的檔案上傳外掛,它沒有對上傳控制元件作美化(使用原生態的上傳控制元件),只是提供了非同步上傳的功能,但用它來作非同步上傳確實很簡單和方便。下來我來說說使用步驟:      一:引入JS檔案——ajaxFil

Jquery DataTables buttons擴充套件-匯出excel

buttons概念 Buttons提供一套給使用者新增自定義按鈕的特性,讓按鈕看起來和表格是一個整體。 Buttons提供了一些基本的按鈕,比如列印,匯出之類的按鈕,也提供了API讓使用者自己擴充套件按鈕,觸發自定義的操作。 當在DataTable中顯示資