html自帶的fetch 非同步請求 api

2021-09-07 04:54:10 字數 907 閱讀 7301

最簡單的fetchapi呼叫如下:

fetch('')

.then(response => response.json())

.then(data => );

fetch相容性問題:可以用下面兩行**解決相容性

fetch("***xx")

.then(function(response))

fetch傳送資料:

fetch(url,options);

第二個引數為乙個物件:

,

body: json.stringify(content)

}

請求如果失敗了,fetch還會繼續執行.then()**塊,所以我們需要catch一下錯誤,

fetch('some-url')

.then(response => else

});else需要把錯誤丟擲或者返回乙個reject的promise物件;

else

// rejecting a promise

else

綜上:fetch('some-url')

.then(response => else

}).then(data => console.log('data is', data))

.catch(error => console.log('error is', error));

還有報錯要返回狀態資訊:所以可以這麼改下:

fetch('some-url')

.then(response => else )}})

.catch(error =>

})

springBoot自帶的傳送HTTP請求的API

springboot管理的專案,自動傳送http請乙個自動網頁獲取鏈結,首先考慮到用httpclient api,經同事指點用了springboot自帶的api,非常簡潔,兩行 如下。resttemplate resttemplate new resttemplate string forobjec...

請重視html語言中的html標籤和body標籤

很多人都在web開發的過程中忽視了這兩個標籤,但實際上這兩個標籤的一些屬性,具體到不同瀏覽器的效果和使用的效果有非常多的學問。今天在開發的時候就遇到了乙個問題。例如當我們建立乙個空白的html檔案的時候,在ie7下右側是有滾動條的,但是在ie8和ff下是沒有滾動條的,於是問題就來了,怎麼樣才能夠解決...

怎麼使用AJAX的GET和POST非同步請求

1.建立xmlhttprequest物件 確認xmlhttprequest物件建立成功 2.註冊 函式 3.初始化xmlhttprequest物件,設定連線資訊 第乙個引數表示http的請求方式,分為get和post兩種,get方式請求的引數在url中 第二個引數表示請求的url位址,該位址會被解析...