AJAX 與傳統表單提交的本質區別：都是 HTTP 請求

傳統提交流程

瀏覽器 --(form submit)--> 服務器 --(執行 PHP/ASP)--> 返回完整 HTML --> 瀏覽器整頁刷新

AJAX 提交流程

JS --(XMLHttpRequest/fetch)--> 服務器 --(執行腳本)--> 返回數據(JSON/HTML片段) --> JS 更新 DOM 局部刷新

核心差異對比

本質結論

「一個是 JS API 發的 HTTP 包，一個是瀏覽器發的 HTTP 包。本質沒啥區別。」

區別僅在於 發起者 與 響應處理方式。服務端無需區分來源，只需根據 Content-Type 或約定格式返回數據即可。

實踐建議

• 傳統表單適用於導航、認證、文件上傳等需整頁跳轉場景。
• AJAX 適用於驗證、增量加載、實時交互等需保持上下文場景。
• 現代開發推薦 fetch / axios 替代 XMLHttpRequest，配合 async/await 簡化異步邏輯。