iT邦幫忙

2024 iThome 鐵人賽

DAY 20
0
JavaScript

從零開始學習JavaScript 30天系列 第 20

[Day 20] JavaScript HTTP 通訊協定簡介

  • 分享至 

  • xImage
  •  

Hi,大家好,我是Tony,是一個對於JavaScript有一點點概念的新手。

挑戰第20天了,只剩下1/3了!
今天的學習內容是:JavaScript HTTP 通訊協定簡介
彭彭老師說今天的內容是入門當中的最後一個主題。

學習內容來自
彭彭老師JavaScript Event Handling 事件處理
https://www.youtube.com/watch?v=mxoc_pmFsN4&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=25

昨天的學習內容:[Day 19] JavaScript 事件處理(Event Handling)
https://ithelp.ithome.com.tw/articles/10346405

1. 關於網址(URL)

網址 Web Address(URL),可以連線到特定網路服務的地址。
每一個網頁,都有一個對應的網址。
透過網址就能連線到後端伺服器裡的內容。
不同的網址,代表網路上不同的服務或資源。
網站服務:就是由各式各樣的網址組成的綜合呈現。

2. 網址的組成

網址的組成內容主要有以下三個
範例Google Maps:https://www.google.com.tw/maps
通訊協定://主機名稱/路徑

  • 通訊協定(Protocol):http、https
  • 主機名稱(Hostname):www.google.com
  • 路徑 (Path):maps

3. 什麼事HTTP協定?

超文本傳輸協定(HyperText Transfer Protocol)
基本上意思就是,透過網址,前端可以連線取得後端的資源。
實際使用情境:

  • 在瀏覽器中,網址列上輸入網址,按下Enter取得網頁。
  • 採用AJAX/XHR技術執行網路連線、取資料的動作。
    前端:瀏覽器,使用者操作的介面,目前學習的JavaScript內容等等。
    後端:伺服器,存資料的地方。

下方圖片可以清楚的看到前後端的運作。
https://ithelp.ithome.com.tw/upload/images/20240827/20168410Ywd9bkbjgD.jpg

以上是今天學習的內容,
今天比較輕鬆易懂,
謝謝大家,明天見。


上一篇
[Day 19] JavaScript 事件處理(Event Handling)
下一篇
[Day 21] JavaScript AJAX 網路連線實務(利用fetch函式)
系列文
從零開始學習JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言