🔌 表單後端與資料儲存 API

頁面已經就緒。
它的資料該去哪?

為靜態網站、本機 HTML 頁面與 AI 應用而生的免費 Data API。一個端點同時接收 JSON 與原生 HTML 表單 POST——每筆提交都會被儲存、可查詢,隨時進入 AI 分析。

60 秒看它跑起來 → 取得免費端點
⚡ 無伺服器 · 零設定 · CORS 已開啟 🤖 內建 AI Agent 可讀文件

問題所在:頁面做完了,資料無處安放

介面已經寫好,後端才是你從來不想碰的部分。
📄
靜態網站存不了任何東西

GitHub Pages、Netlify、Neocities 或任何靜態代管上的頁面渲染得很美——但訪客送出表單的那一刻,一切都會消失。

🤖
AI 生成的頁面沒有後端

Claude、ChatGPT 與程式代理幾分鐘就能生成可用的介面——跑在沙盒或你的磁碟上,沒有伺服器,也沒有可以 POST 的資料庫。

🛠️
為了收資料架一套後端,殺雞用牛刀

你需要的只是「把這筆記錄存到某個地方」。為了收 200 列資料去架伺服器、資料庫、驗證與部署,本末倒置。

這正是表單後端(也稱表單端點)的用武之地:頁面保持靜態檔案,儲存藏在一個 URL 背後。FormLM 的 Data API 是一個表單後端,還多下了三步棋——它原生說 JSON、會為 AI Agent 自動產生文件,你存進來的資料之後還能流入計分與 AI 報告,而不是死在收件匣裡。

運作原理:三步,六十秒

從「根本沒有後端」到「資料已儲存、可查詢」。
🧩
1. 在 FormLM 建立一個表單

描述你想收集什麼——或讓 AI 根據一句話生成表單。在發佈頁開啟 Data API。

→
🔗
2. 複製端點 URL

一個形如 https://formlm.me/api/v3/share/<token> 的 URL。它接收 JSON、fetch 呼叫與原生 HTML 表單 POST。

→
💾
3. 你的頁面開始存資料

每筆提交都儲存為結構化記錄。在 FormLM 查看、匯出 CSV,或透過 query 與 summary API 讀回。

Data API 操作示範
Data API 實操示範——發布、POST、讀回資料

快速開始:送出第一筆記錄的三種方式

選適合你頁面的那種。三種方式都透過同一個端點存資料。
HTML 表單(無 JS)
fetch / JSON
AI Agent
<!-- 原生 HTML 表單:action 指向你的端點。零 JavaScript。 -->
<form action="https://formlm.me/api/v3/share/YOUR_TOKEN/form" method="POST">
  <input name="name" placeholder="Your name" required>
  <input name="email" type="email" placeholder="you@example.com" required>
  <textarea name="message" placeholder="What do you need?"></textarea>
  <button type="submit">Send</button>
</form>

<!-- 任何靜態代管、甚至本機 file:// 頁面都能用。 -->
// 從任何頁面、指令碼或自動化任務 POST JSON
await fetch("https://formlm.me/api/v3/share/YOUR_TOKEN", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    data: {
      mood: "focused",
      hoursSlept: 7,
      notes: "Shipped the landing page today"
    },
    meta: { source: "my-local-page" }
  })
});

// CORS 已開啟——localhost、file:// 與任何靜態代管皆可。
# 把端點交給 AI Agent,它自己讀文件:
"請把我的日常習慣記錄到這個 API:
 https://formlm.me/api/v3/share/YOUR_TOKEN?help
 先讀文件,然後提交今天的資料。"

# ?help URL 回傳一份純 Markdown 文件:
# 欄位清單、請求格式與可直接複製的範例。
# Agent 讀完即可自行送出合法資料。

實測:每個端點的 ?help 文件都公開——打開這個線上範例,看看 AI Agent 讀到的 Markdown schema。

Data API 的與眾不同之處

多數表單後端到「已把提交轉寄到你信箱」就結束了。這個不止於此。
🤖
AI Agent 讀得懂的文件

每個端點都會在 ?help 提供自己的 Markdown API 文件。把一個 URL 貼進 Claude、ChatGPT 或任何代理,它就知道了欄位、格式與範例——無需膠水程式碼,無需手寫整合提示詞。

✨
欄位自動建立

沒有 schema 儀式。開啟自動建立後,第一次提交就定義了資料欄——後續提交裡的新鍵會自動加為欄位,上限 50 個。正適合不斷演進的 AI 頁面。

🌐
CORS + 原生表單 POST

從任何來源提交:localhost、file://、靜態代管、沙盒。純 HTML 表單零 JavaScript,走標準 action 屬性即可。

📥
把資料讀回來

儲存的記錄可經 HTTP 讀取:分頁 query 端點加統計 summary 端點。搭儀表板、接自動化,或讓代理分析它自己收集的資料。

🧪
可先實測的公開端點

公開示範端點讓你在註冊之前就能送出真實請求、看到真實儲存記錄——用 curl 或瀏覽器評估,而不是看行銷文案。

📈
儲存只是起點

同一批資料可以流入 FormLM 的評估引擎:加權計分、維度分級、個人化 PDF 報告。從表單後端起步,長成評估服務。

適合誰用

一個 API,三種典型的「我有頁面但沒伺服器」處境。
靜態網站 帶聯絡表單的靜態網站

作品集、文件網站或到達頁代管在 GitHub Pages 或 Netlify。把 action 指向你的端點,就有了一個真正可用的聯絡表單——詳見靜態網站表單指南。

AI 開發者 AI 生成的應用程式

你請 Claude 或代理做了個紀錄器、測驗或計算機。它跑得很好——但在本機。給它一個 Data API 端點,第一天起資料就能持久化。詳見面向 AI Agent 的 Data API。

動手玩 本機 HTML 檔案

個人儀表板或習慣紀錄就放在自己磁碟上。它照樣能把資料存到網路上:得益於 CORS,file:// 頁面可以直接 POST 到 API。詳見本機頁面指南。

端點速覽

一個帶 token 的 URL,四項能力。
呼叫方法作用
/{token}POST JSON儲存一筆記錄。接收 {"data": {...}, "meta": {...}} 或扁平欄位。
/{token}/formPOST 表單儲存來自原生 HTML 表單(urlencoded)的一筆記錄。無需 JavaScript。
/{token}?helpGETMarkdown API 文件——欄位清單、格式、範例。為人與 AI Agent 而生。
/{token}/queryGET分頁讀回儲存的記錄。同樣支援 ?help。
/{token}/summaryGET對儲存記錄做彙總統計。同樣支援 ?help。

每項能力都可在 FormLM 的發佈頁按表單個別開啟或關閉。

常見問題

收集表單資料需要後端伺服器嗎?

不需要。FormLM 的 Data API 是代管的表單後端。把 HTML 表單 action 或 fetch 呼叫指向你的 FormLM 端點,提交就會儲存在我們這邊。頁面保持靜態——放在任何靜態代管上,甚至是自己電腦上的本機檔案。

Data API 免費嗎?

免費。建立表單、開啟 Data API、透過 POST 提交資料、查看儲存記錄,都在 FormLM 免費版內。付費版提供更大量級與 AI 計分報告。

AI Agent 能自己使用這個 API 嗎?

能。每個端點都支援 ?help 參數,回傳描述欄位、方法與範例的純 Markdown 文件。把帶 ?help 的端點 URL 貼給任何 AI Agent,它能讀懂 schema 並直接送出合法資料,你一行膠水程式碼都不用寫。

本機 HTML 檔案或 AI 生成的頁面能用嗎?

能。API 已開啟 CORS,從磁碟直接開啟的頁面、Claude 或 ChatGPT 的 artifact、任何靜態代管上的 AI 網站,都能直接 POST。沒有同源限制。

資料能取回來嗎?

能。除了 FormLM 內的提交收件匣與 CSV 匯出,query 與 summary 端點還能讓你經 HTTP 分頁讀取儲存記錄、查看彙總統計——適合儀表板、自動化,或把資料餵回 AI Agent。

提交前必須先定義 schema 嗎?

不必。開啟欄位自動建立後,第一次提交就定義了資料欄:後續提交中的未知鍵會自動加進表單,不斷演進的 AI 頁面無需重新部署就能存新欄位。

它和 Formspree、Web3Forms 有什麼不同?

那些服務的重心是把提交轉寄到信箱。FormLM 的 Data API 儲存可查詢的結構化記錄、在 ?help 產生 AI Agent 可讀的 Markdown schema、從原始提交自動建欄位——當你想要的不只儲存本身,同一批資料還能流入計分、評估報告與 AI 分析。詳細比較見 FormLM 比較頁。

支援哪些提交格式?

兩種。向端點 POST JSON 提交結構化資料,或用帶常規 action 屬性的原生 HTML 表單——端點同樣接收 application/x-www-form-urlencoded,零 JavaScript 的頁面也能運作。

深入閱讀

各 AI 平台的接入指南:
🐾

我們自己也吃狗糧。本站聯絡頁的意見回饋表單就是一個純靜態表單,直接 POST 到 FormLM Data API 端點——我們這邊同樣沒有伺服器。去送則訊息,看這套模式跑起來。

60 秒,給你的頁面一個資料庫

免費開始。無需伺服器、無需 schema 儀式,純表單連 JavaScript 都不用。

建立你的免費端點 →