iT邦幫忙

2021 iThome 鐵人賽

DAY 20
0
自我挑戰組

初心者解任務啦!JS 的 30 道任務系列 第 20

[ Day 20 ] - AJAX

AJAX 是什麼?

AJAX 全名是 Asynchronous JavaScript And XML,是 JavaScript 使用非同步處理的技術,
可以達到無須重新載入整個頁面,仍可繼續進行其他操作,只更新指定的區塊資料,提升使用者體驗

AJAX 如何運作?


瀏覽器會向伺服器發出資料請求(resquest),在發請求的同時,也會將身分驗證的資料夾帶在 headers 之中,
在伺服器可以驗證發出請求的來源身分,用以決定伺服器是否要回傳對應的資料

HTTP Resquest 是什麼

指的是瀏覽器發出請求的規範,以下列出幾個常見的方法

  • GET:用於取得資料
  • POST:提交資料
  • DELETE:刪除指定資料
  • PATCH:更新指定資料
  • PUT:取代指定的資料

HTTP 狀態碼(HTTP Status)

發出請求時,伺服器會有對應的狀態碼,在處理請求時可能會遇到,以下列出幾個常見的狀態碼

  • 200:連線 OK
  • 404:請求失敗
  • 500:伺服器異常

參考資料及學習資源

  • 0 陷阱!0 誤解!8 天重新認識 JavaScript!
  • JavaScript 指南
  • 六角學院 - JavaScript 必修篇 - 前端修練全攻略

本日小結

簡單理解 AJAX 的運作方式
這是我的學習紀錄,我們下次見~


上一篇
[ Day 19 ] - 箭頭函式
下一篇
[ Day 21 ] - 認識 JS 原生寫法處理 AJAX
系列文
初心者解任務啦!JS 的 30 道任務30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言