使用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中顯示資