iT邦幫忙

2021 iThome 鐵人賽

DAY 0
0
自我挑戰組

從零開始學習 JS 的連續-30 Days-系列 第 18

[Day 18]從零開始學習 JS 的連續-30 Days---網路請求POST

  • 分享至 

  • xImage
  •  

網路請求POST介紹

  1. PSOT 功能與 GET 一樣都是 HTML Form 表單資料傳遞使用方式,當使用著填好表單資料並按下送出表單的按鈕之後,必須透過這兩種方式將資料送出到伺服器(Web Server)。
  2. 倆者之間差異:
    1. 網址差異

      • POST 在資料傳遞時網址不會改變。
      • GET 在資料傳遞時網址會帶有參數與資料。
    2. 資料傳遞量

      • POST 不透過 URL 帶參數,所以不受限於 URL 長度限制。
      • GET 透過 URL 帶資料,所以有長度限制。
    3. 安全性

      • POST 透過 HTTP Request 方式,故參數與填寫內容不會顯示於 URL。
      • GET 表單參數與填寫內容可在 URL 看到。
  3. 使用時機,一般的表單可以用 GET 直接傳遞,而需要保密的資料必須用 POST 來處理,像是會員登入的帳號密碼。

四種常見的 POST 請求 content-type 介紹

  1. application/x-www-form-urlencoded
    最常見的 POST 提交數據的方式了。

  2. application/json
    application/json 這個 Content-Type 作為響應頭。實際上,現在越來越多的人把它作為請求頭,用來告訴服務端消息主體是序列化後的 JSON 字符串。由於 JSON 規範的流行,除了低版本 IE 之外的各大瀏覽器都原生支持 JSON.stringify,服務端語言也都有處理 JSON 的函數,使用 JSON 不會遇上什麽麻煩。

  3. multipart/form-data
    這又是一個常見的 POST 數據提交的方式。我們使用表單上傳文件時使用。

  4. text/plain
    文字檔案的預設類別。就算是未知的文字檔案,瀏覽器都先假設他們是可以被呈現於畫面的。

今天就到這結束了。


上一篇
[Day 17]從零開始學習 JS 的連續-30 Days---AJAX--方法介紹
下一篇
[Day 19]從零開始學習 JS 的連續-30 Days---data- 屬性
系列文
從零開始學習 JS 的連續-30 Days-30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言