PHP 實現無 JavaScript 頁面跳轉的三種方法

前言

雖然 JavaScript window.location.href 是最常見的跳轉方式，但在某些場景（如 CSP 限制、JS 被禁用、SEO 友善、伺服器端重導向）下，純 HTML/HTTP 方式更適合。本文介紹三種無需 JavaScript 的頁面跳轉實作。

方法一：HTML Meta Refresh（最簡單）

在 <head> 區塊放入 <meta http-equiv="refresh"> 標籤。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>頁面跳轉中...>
    <meta http-equiv="refresh" content="3;url=https://example.com/target">
</head>
<body>
    <p>3 秒後自動跳轉至目標頁面...</p>
    <p>若未自動跳轉，請點擊 <a href="https://example.com/target">這裡</a>。</p>
</body>
</html>

• content="3;url=..."：3 為延遲秒數，0 表立即跳轉。
• 優點：純 HTML、無相依、瀏覽器支援度極高。
• 缺點：無法設定 HTTP 狀態碼（永遠是 200）、SEO 不友善（搜尋引擎可能視為軟性重導向）、延遲體驗較差。

方法二：PHP header() 發送 HTTP 重導向（推薦伺服器端）

在任何輸出前呼叫 header() 發送 3xx 狀態碼與 Location 標頭。

<?php
// 立即永久重導向 (301)
header('Location: https://example.com/new-page', true, 301);
exit;

// 或臨時重導向 (302/303/307)
// header('Location: https://example.com/login', true, 302);
// exit;
?>

• 關鍵規則： header() 前絕對不能有任何輸出（包含空白、BOM、HTML、echo、var_dump、錯誤訊息）。
• 狀態碼選擇：
  • 301 Moved Permanently：永久遷移，SEO 權重傳遞。
  • 302 Found / 303 See Other：臨時重導向，POST 重導向建議用 303。
  • 307 Temporary Redirect / 308 Permanent Redirect：保持原請求方法（POST 不變成 GET）。
• 優點：HTTP 標準、SEO 友善、可控制狀態碼、無延遲、適用 API 回應。
• 缺點：必須在輸出前呼叫，若已輸出內容會觸發 Headers already sent 警告。

方法三：HTTP Refresh 標頭（PHP 發送 Meta Refresh 等效）

若必須在已輸出內容後才決定跳轉，可發送 Refresh 標頭（非標準但廣泛支援）。

<?php
// 在已有輸出後仍可發送（但仍建議盡早）
header('Refresh: 5; url=https://example.com/dashboard');
echo '登入成功，5 秒後跳轉儀表板...';

• 行為等同 <meta http-equiv="refresh">，但由伺服器端控制延遲秒數與目標 URL。
• 同樣無法設定 3xx 狀態碼，SEO 效果同 Meta Refresh。

進階：解決 Headers Already Sent 問題

若在模板系統中需於中間邏輯重導向，可採用：

1. 輸出緩衝：腳本開頭 ob_start()，結尾 ob_end_flush()，中間可隨時 header()。
2. 前端控制器模式：所有請求進入單一入口（如 index.php），路由分發前決定是否重導向，再載入視圖。
3. AJAX 回應 JSON + 前端跳轉：API 回傳 {redirect: 'url'}，前端 JS 處理跳轉（需 JS 支援）。