首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JSP 登錄成功後顯示提示框並跳轉:前端 JS 實現最簡潔

     編輯:程式設計綜合問答

後端 Java 直接輸出 alert() 並跳轉屬於「職責不清」。最佳實踐:後端返回 JSON/重定向,前端根據狀態碼彈窗跳轉。

前端實現示例

<script>
function login() {
    fetch('/login', {method:'POST', body:new FormData(form)})
        .then(r => r.json())
        .then(data => {
            if (data.success) {
                alert('登錄成功');
                location.href = data.redirect || '/home';
            } else {
                alert('失敗:' + data.msg);
            }
        });
}
</script>

純 JSP 兼容寫法(不推薦新項目)

<%
    if (loginSuccess) {
%>
    <script>alert('登錄成功'); location.href='home.jsp';</script>
<%
    }
%>

進階體驗優化

  • 用 SweetAlert2、toastr 替換原生 alert
  • 登錄成功存 sessionStorage.setItem('token', ...),跳轉頁面自動攜帶
  • 避免在 JSP 中混寫大量 JS,採用前後端分離架構
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved