介面呼叫 fetch用法

2021-10-09 16:04:58 字數 1752 閱讀 5827

基本特性:

語法結構:

fech

(url)

.then

(fn2)

.then

(fn3)

....

catch

(fn)

fetch

('/abc').

then

(data=>).

then

(ret=>

);

常用配置選項

fetch

('/abc',)

.then

(data=>).

then

(ret=>

)

get請求方式的引數傳遞

傳統方式

fetch

(『/abc?id=

123』)

.then

(data=>).

then

(ter=>

);

現用方式

fetch

(『/abc/

123』,).

then

(data=>).

then

(ter=>

);

delete請求方式的引數傳遞

fetch

(『/abc/

123』,).

then

(data=>).

then

(ter=>

);

post請求方式的引數傳遞(有兩種方式)

傳統形式

fetch

('/books',}

).then

(data =>).

then

(ter =>

);

json形式

fetch

('/books',)

, headers:})

.then

(data =>).

then

(ter =>

);

put請求方式的引數傳遞

fetch

('/books/123',)

, headers:})

.then

(data =>).

then

(ter =>

);

響應資料格式

fetch

('/abc'

then

(data=>).

then

(ret=>

);

**演示:

// fetch響應結果的資料格式

Fetch基礎用法

fetch不是ajax,他的誕生是為了代替ajax,他是js內建的api 基於fetch可以實現客戶端和伺服器的通訊 fetch時es2018的新增api ie完全不支援,移動端很多瀏覽器也不支援,想要提高相容性 就要使用fetch proill fetch也是基於promise封裝的 fetch ...

fetch用法說明

fetch url,options then function response function error 具體引數案例 相容包 require babel polyfill require es6 promise polyfill import whatwg fetch fetch url,c...

介面文件以及fetch方法

介面文件是前後端分離,前端和後端溝通的唯一文件,乙個介面文件最重要的內容是,api,請求方式,入參,出參 返回值 同乙個介面需要重複使用,所以方法也寫在fetch.js檔案裡面,示例 如下 import axios from axios 和後端聯絡的方法 export default functio...