靜態網站表單處理
靜態網站表單處理
靜態網站(SSG)因缺乏後端伺服器,需要依賴第三方服務處理表單提交。這是 Jamstack 架構的典型權衡之一。
常見方案比較
| 方案 | 特性 | 跳轉問題 |
|---|---|---|
| FormSubmit | 免費、零後端、信箱轉寄 | 預設整頁跳轉 |
| Formspree | 免費額度 + 付費方案 | 支援 AJAX |
| Netlify Forms | 與 Netlify 部署整合 | 無跳轉 |
| Serverless Function | 自建、完全控制 | 無跳轉 |
Codotx 的解法
原本使用 FormSubmit 的傳統 form action 跳轉,改為 AJAX 背景送出後:
- 使用者全程留在網站上
- 按鈕顯示「處理中…」狀態回饋
- 成功後自動跳轉至自訂感謝頁面
觸發改善的直接原因是新增副本信箱後,FormSubmit 的收件人驗證機制導致表單卡在第三方頁面。
關聯概念
[[AJAX 與使用者體驗]]、[[第三方服務依賴風險]]、[[Jamstack]]