如何使用Fetch在JavaScript中進(jìn)行AJAX調(diào)用
在本系列中,我將定期分享有關(guān)JavaScript的小知識(shí)。我們將介紹JS基礎(chǔ)知識(shí),瀏覽器,DOM,系統(tǒng)設(shè)計(jì),域體系結(jié)構(gòu)和框架。Fetch是用于在JavaScript中發(fā)出AJAX請(qǐng)求的接口。它由現(xiàn)代瀏覽器廣泛實(shí)現(xiàn),并用于調(diào)用API。

調(diào)用fetch返回帶有響應(yīng)對(duì)象的Promise。如果出現(xiàn)網(wǎng)絡(luò)錯(cuò)誤,則將拒絕訪問;如果連接到服務(wù)器沒有問題,并且服務(wù)器響應(yīng)了狀態(tài)代碼,則可以解決諾言。此狀態(tài)碼可以是200s,400s或500s。
A sample FETCH請(qǐng)求:

默認(rèn)情況下,該請(qǐng)求作為GET發(fā)送。要發(fā)送POST / PATCH / DELETE / PUT,可以將method屬性用作options參數(shù)的一部分。其他一些可能的值options可以是:(1)method:例如GET,POST,PATCH;(2)headers:標(biāo)頭對(duì)象;(3)mode:如cors,no-cors,same-origin;(4)cache:請(qǐng)求的緩存模式;(5)credentials;(6)body;用法示例:此示例演示fetch的用法,以調(diào)用API并獲取git存儲(chǔ)庫列表。

要發(fā)送POST請(qǐng)求,以下是method參數(shù)與async / await語法一起使用的方式。
