非 AJAX 表單提交後不跳轉頁面顯示提示信息的實現方法

非 AJAX 表單提交後不跳轉頁面顯示提示信息的實現方法

需求：後台添加數據後，不跳轉頁面，在當前頁彈出優雅的提示框（成功/失敗）。

實現步驟

1. 後台設置提示變量：控制器處理完業務邏輯後，將提示信息（如「添加成功」）賦值給模板變量。
2. 前端頁面預留提示區塊：在表單頁面預先寫好隱藏的提示容器，樣式自定義（綠色成功、紅色失敗等）。
3. JavaScript 控制顯示與自動消失：頁面加載時檢測提示變量，若存在則顯示並設置定時器（如 3 秒）自動淡出隱藏。

關鍵代碼片段

此法無需 AJAX 改造現有表單，體驗接近無刷新，適合快速增強舊系統交互。