20250924 sweetalert 2

好的，處理錯誤是完整流程的關鍵。這非常重要。 我們一樣利用先前建立的 Cookie 機制來傳遞錯誤信號，這個方法同樣優雅且可靠。 狠｜核心思路 思路很簡單： * 成功時：Cookie 的值等於我們發送的 Token。 * 失敗時：我們讓 Cookie 的值等於一個約定好的、以 "error:" 開頭的錯誤訊息字串。 前端的輪詢檢查 (setInterval) 不再只是傻傻地等 Token，而是會判斷 Cookie 的值： * 如果是 Token -> 代表成功。 * 如果是 "error:..." 開頭 -> 代表失敗，並把後面的訊息顯示出來。 * 如果一直沒反應 -> 可考慮加上超時機制（進階）。 準｜精準步驟與程式碼修改 步驟一：修改 Controller (VB.NET) - 捕捉錯誤並設定錯誤 Cookie 我們需要用 Try...Catch 區塊把您的 Excel 產生邏輯包起來。當 Catch 到任何例外狀況 (Exception) 時，就設定錯誤的 Cookie。 Function ExportExcel(ByVal downloadToken As String) As ActionResult Try ' ... 您原本耗時的 Excel 產生邏輯 ... ' 假設這裡可能會出錯，例如資料庫連線失敗 Dim ms As New MemoryStream() ' ... (您將資料寫入 ms 的程式碼) ... ' 如果成功執行到這裡，設定成功的 Cookie Response.SetCookie(New HttpCookie("downloadToken", downloadToken)) Return File(ms.ToArray(), "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "Report.xlsx") Catch ex As Exception ' 【關鍵】如果 Try 區塊發生任何錯誤，程式會跳到這裡 ' 1. Log 錯誤 (好習慣，方便後續追查) ' 例如：MyLogger.Error("匯出 Excel 失敗", ex) ' 2. 設定一個帶有錯誤訊息的 Cookie ' 我們用 "error:" 作為前綴，方便前端辨識 ' 使用 Server.UrlEncode 確保錯誤訊息中的特殊字元不會弄壞 Cookie Dim errorMessage = "error:" & Server.UrlEncode(ex.Message) Response.SetCookie(New HttpCookie("downloadToken", errorMessage)) ' 3. 回傳一個 HTTP 錯誤狀態碼，雖然前端主要靠 Cookie 判斷， ' 但這對於開發者在 Network 工具中除錯很有幫助。 Return New HttpStatusCodeResult(500, "Excel Generation Failed") End Try End Function 步驟二：升級前端 JavaScript - 檢查成功與失敗兩種情況 修改您的 setInterval 函式，讓它能分辨成功與失敗的 Cookie 值。 JavaScript (@Section Scripts) // ... getCookie 輔助函式維持不變 ... document.getElementById('export-excel-btn').addEventListener('click', function () { // ... 前半段的 swal 轉圈動畫、產生 token、建立 form 的部分都維持不變 ... swal({ title: "處理中...", text: '<i class="fa-solid fa-spinner fa-spin fa-3x"></i><br><br>正在產生 Excel 檔案，請稍候。', html: true, showConfirmButton: false, allowOutsideClick: false }); var token = new Date().getTime(); var downloadUrl = '@Url.Action("ExportExcel", "您的Controller名稱")'; var form = document.createElement("form"); form.setAttribute("method", "post"); form.setAttribute("action", downloadUrl); //... 建立並附加 tokenInput ... var tokenInput = document.createElement("input"); tokenInput.setAttribute("type", "hidden"); tokenInput.setAttribute("name", "downloadToken"); tokenInput.setAttribute("value", token); form.appendChild(tokenInput); document.body.appendChild(form); form.submit(); document.body.removeChild(form); // 【關鍵】升級輪詢檢查的邏輯 var fileDownloadCheckTimer = window.setInterval(function () { var cookieValue = getCookie("downloadToken"); if (cookieValue) { // 只要 cookie 存在就處理 window.clearInterval(fileDownloadCheckTimer); // 不論成功失敗，都先停止輪詢 document.cookie = "downloadToken=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; // 清除 cookie if (cookieValue == token) { // ** 情況一：成功 ** // Cookie 的值是我們發送的 token swal("完成！", "Excel 檔案已成功匯出。", "success"); } else if (cookieValue.startsWith("error:")) { // ** 情況二：失敗 ** // Cookie 的值以 "error:" 開頭 var encodedMsg = cookieValue.substring(6); // 取得 "error:" 後面的所有訊息 var errorMsg = decodeURIComponent(encodedMsg); // 解碼還原錯誤訊息 swal({ title: "匯出失敗！", text: errorMsg, type: "error" }); } } }, 1000); }); 快｜總結 * 後端：用 Try...Catch 包覆核心邏輯。 * Try 成功執行完畢 -> Response.SetCookie("downloadToken", token) * Catch 到錯誤 -> Response.SetCookie("downloadToken", "error:" + 錯誤訊息) * 前端：setInterval 輪詢檢查 Cookie。 * 發現 Cookie 值等於 token -> 跳成功 swal。 * 發現 Cookie 值以 error: 開頭 -> 解析錯誤訊息，跳失敗 swal。 這個升級讓您的功能更加強大且可靠，能優雅地處理後端發生的任何意外狀況，並清晰地反饋給使用者。