靜態網站表單處理

概念 Form-as-a-Service、靜態網站表單

靜態網站表單處理

靜態網站(SSG)因缺乏後端伺服器,需要依賴第三方服務處理表單提交。這是 Jamstack 架構的典型權衡之一。

常見方案比較

方案特性跳轉問題
FormSubmit免費、零後端、信箱轉寄預設整頁跳轉
Formspree免費額度 + 付費方案支援 AJAX
Netlify Forms與 Netlify 部署整合無跳轉
Serverless Function自建、完全控制無跳轉

Codotx 的解法

原本使用 FormSubmit 的傳統 form action 跳轉,改為 AJAX 背景送出後:

  • 使用者全程留在網站上
  • 按鈕顯示「處理中…」狀態回饋
  • 成功後自動跳轉至自訂感謝頁面

觸發改善的直接原因是新增副本信箱後,FormSubmit 的收件人驗證機制導致表單卡在第三方頁面。

關聯概念

[[AJAX 與使用者體驗]]、[[第三方服務依賴風險]]、[[Jamstack]]