使用Ajax下載EasyPoi

Ajax（Asynchronous JavaScript and XML）是一種用于創建快速、動態網頁的技術。EasyPoi是一個用于生成Excel和Word文檔的Java開源庫。結合兩者，我們可以通過Ajax下載EasyPoi生成的文檔，使用戶能夠在不刷新整個頁面的情況下下載文件。

示例場景

假設我們有一個學生管理系統，用戶可以在系統中查詢和導出學生信息。我們使用EasyPoi生成一個包含學生信息的Excel文檔，然后通過Ajax將該文檔提供給用戶下載。

前端代碼

首先，我們要在前端創建一個下載按鈕，并將其與Ajax請求相關聯。當用戶點擊下載按鈕時，Ajax將向后端發送請求，并將生成的文檔作為響應返回。

<button onclick="downloadExcel()">下載學生信息</button>
<script>
function downloadExcel() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/download/excel", true);
xhr.responseType = "blob";
xhr.onload = function () {
if (this.status === 200) {
var blob = this.response;
var downloadLink = document.createElement("a");
var href = window.URL.createObjectURL(blob);
downloadLink.href = href;
downloadLink.download = "學生信息.xlsx";
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
}
};
xhr.send();
}
</script>

后端代碼

在后端，我們需要實現一個控制器來處理Ajax請求，并使用EasyPoi生成Excel文檔。下面是一個使用Spring MVC和EasyPoi的示例后端代碼：

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
@Controller
public class StudentController {
@ResponseBody
@GetMapping("/download/excel")
public void downloadExcel(HttpServletResponse response) throws IOException {
List<Student> students = getStudentsFromDatabase(); // 從數據庫中獲取學生信息
ExcelWriter writer = EasyExcel.write(response.getOutputStream(), Student.class).build();
Sheet sheet = new Sheet(1, 0, Student.class);
writer.write(students, sheet);
writer.finish();
response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
response.setHeader("Content-Disposition", "attachment;filename=學生信息.xlsx");
response.flushBuffer();
}
private List<Student> getStudentsFromDatabase() {
// 從數據庫中獲取學生信息的邏輯
// 此處僅作示例，我們創建一個假的學生列表
List<Student> students = new ArrayList<>();
students.add(new Student("張三", 18, "男"));
students.add(new Student("李四", 19, "女"));
students.add(new Student("王五", 20, "男"));
return students;
}
}

運行結果

當用戶點擊下載按鈕時，Ajax請求將發送到"/download/excel"路徑。后端控制器將生成包含學生信息的Excel文檔，并將其作為響應返回。前端將自動下載該文檔，并命名為"學生信息.xlsx"。

通過Ajax下載EasyPoi生成的文檔，我們為用戶提供了一種更快、更直觀的方式來導出數據。無需刷新整個頁面，用戶只需點擊下載按鈕即可獲取所需的文檔。