自學日記

學習程式相關知識及學習法

0%

AJAX網路請求及再談API

AJAX網路請求及認識API

介紹Ajax網路請求及API及狀態碼

什麼是ajax網路請求

AJAX 全名是「Asynchronous JavaScript and XML」,用於網頁前端與後端伺服器溝通的技術,透過瀏覽器的動作(輸入網址按下enter))發出請求,藉此取得IP伺服器內容,伺服器再取得該資料庫內容回傳

為什麼需要ajax技術

能更好增進使用者體驗,在不換網址的情況下(不必重新刷新頁面),更新頁面資料內容

常見的HTTP 請求方法如下:

GET:請求特定的資源,不會提交任何資源,伺服器僅會依據條件進行回應。
POST:提交特定的資源,通常會用來新增資源或是用以改變狀態使用(登入、註冊等等)。 伺服器會回應新增或改變狀態的結果。
PUT:取代指定的資源,通常用於完整更新。伺服器會回應更新的結果。
PATCH:更新指定資源,通常用於部分資源更新。伺服器會回應更新的結果。
DELETE:刪除特定的資源。 伺服器會回應刪除的結果。
-引用自:AJAX 完整解說系列:基礎觀念

request請求與response回傳

回傳header及data(content type反映data內容)

API接口

所有的 AJAX 行為都是由網頁端先發出,透過 API 的接口對後端進行請求,而後端會針對請求的內容進行回應。

狀態碼介紹

在檢查中Network 之中的status看到:

常見的有:

  • 200 OK
  • 404 失敗 NOT FOUND
  • 304 讀取快取資料

大致狀態碼範圍為:

  • 資訊回應 (Informational responses, 100–199),
  • 成功回應 (Successful responses, 200–299),
  • 重定向 (Redirects, 300–399),
  • 用戶端錯誤 (Client errors, 400–499),
  • 伺服器端錯誤 (Server errors, 500–599)

資料可參考:
https://developer.mozilla.org/zh-TW/docs/Web/HTTP/Status