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

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

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

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