筆記 JavaScript 工程師養成直播班 第六堂

1.HTTP 回應狀態碼

資訊回應（100——199）
成功回應（200——299）
重新導向訊息（300——399）
用戶端錯誤回應（400——499）
伺服器錯誤回應（500——599）

2.常見回應狀態碼

200 OK
請求成功。「成功」的結果含義取決於 HTTP 方法：
GET：資源已被擷取並在訊息主體中傳送。
HEAD：回應中包含表示標頭，但沒有任何訊息主體。
PUT 或 POST：描述操作結果的資源在訊息主體中傳送。
TRACE：訊息主體包含了伺服器接收到的請求訊息。

304 Not Modified
記憶體有快取未被修改

404 Not Found
只不到網頁

500 Internal Server Error
後端程式有問題

3.request(請求)

瀏覽器 > 伺服器
request header content-type:解析格式
request data

3.reponse(回傳)

伺服器 > 瀏覽器
response header content-type:解析格式
response data

4.Javascript 原生寫法

1.XMLhttpRequest
2.Fetch

5.axios(底層用XMLhttpRequest)

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

	console.log(axios);//可以看看有沒有載入成功
	axios.get('網址')
	.then(function (response) {
		console.log(response);
	})
	.catch(function (error) {
		console.log(error);
	})
	.finally(function () {
		// 均會執行
	});

6.同步、非同步

同步:順序性執行A > B > C
非同步:同時執行不會卡住，網路請求、計時器、檔案讀取，處裡須等待佳
A ->
B ->
C ->

7.處理非同步問題

非同步不會等待，所以有可能沒有資料時就跑下面的js，處理方式可以包在函式中

8.HTTP Method

get 獲取
post 新增
delete 刪除
put 更新
patch 修改一部分

參考來源
六角學院直播課/a>
HTTP 回應狀態碼