iT邦幫忙

2022 iThome 鐵人賽

DAY 18
0
自我挑戰組

網路的架構&各種應用系列 第 18

Day18 - AJAX & AXIOS 介紹

  • 分享至 

  • xImage
  •  

AJAX(Asynchronous JavaScript and XML),也就是「非同步的 JavaScript 與 XML 技術」

傳統網站的 client 在傳送請求給 server 時,每次請求回來的都是一個 HTML 檔案,而 client 就需要重新載入整個頁面,也就是我們所說的 MPA。但這種機制會增加 server 的負擔,造成網頁速度緩慢,而為了解決這個問題,AJAX 就誕生了!

  • 非同步

    AJAX 是一種非同步請求的技術,而所謂的非同步是指當 client 傳送請求給 server 時,client 不需要在傳送後就一直等待 server 的結果,他可以先去處理別的事情,而當 server 傳送回應後,就會將結果融合進畫面中。

    同步和非同步的差異在之後的章節會特別講到!

    也因此他可以只回傳給 client 必要的資料,也就是畫面需要改變的地方,而不是整個被渲染過的網頁,這樣可以使得 Web 應用程式更迅速地回應使用者,並避免在網路上傳送那些沒有改變的資訊。

  • AXIOS

    是一種 AJAX 底下用 Promise 封裝的套件,基本上就是一種可以方便使用 AJAX 的功能的一種套件,而在實際開發中也很常使用這樣的套件。

    下一篇就要來實作 AXIOS 在實際抓取 API 時是怎麼樣的!


上一篇
Day17 - Postman
下一篇
Day19 - AXIOS 實作
系列文
網路的架構&各種應用23
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言