換新工作環境後,發現公司的網路請求方式與以往不同,尤其對 POST 請求的參數傳遞與報文結構感到困惑。常見情況如下:
application/x-www-form-urlencoded 編碼。POST 請求將資料放在 HTTP 訊息主體(Body)中傳送給伺服器,並依據 Content-Type 標頭決定解析方式:
| Content-Type | 適用場景 | 資料格式範例 |
|---|---|---|
| application/json | API 串接、前後端分離 | {"userId": 123, "token": "abc"} |
| application/x-www-form-urlencoded | 傳統表單提交 | userId=123&token=abc |
| multipart/form-data | 檔案上傳、混合欄位 | (二進位分隔符格式) |
Content-Type 與欄位定義。fetch、axios 或 jQuery.ajax 時,正確設定 headers 與 data 格式。JSON.stringify(payload)。express.json())。掌握這些格式差異,即可順利對接各種後端服務,避免「資料送出去了,後端卻收不到」的困擾。