ES6 fetch函式與後台互動

2021-08-11 13:46:26 字數 1162 閱讀 5857

最近在學習react-native,遇到呼叫後端介面的問題.看了看官方文件,推薦使用es6的fetch來與後端進行互動,在網上找了一些資料.在這裡整理,方便以後查詢.

1.rn官方文件中,可使用xmlhttprequest

這是http的原生方法,這裡不做多的介紹.

2.rn官方文件中,推薦使用fetch

.then(function(res))

這樣可以獲取純文字的返回資料.

如果你需要返回json格式的資料:

fetch('').then(function(res) )

}

},function(ex) )

fetch模擬表單提交:

fetch('doact.action', ,

body:'foo=bar&lorem=ipsum'

})

.then(json)

.then(function(data) )

.catch(function(error) );

不過無論是ajax還是fetch,都是對http進行了一次封裝,大家各取所好吧.

參考文件:

ES5與ES6建構函式

function 函式名 引數 函式名.prototype.方法名 function class 類名 方法名稱 1.定義建構函式 es5 function 函式名定義 es6 class 類名定義 注 class建構函式類名後沒有 2.定義例項化物件屬性和屬性值 es5 function 函式中定...

ES5建構函式與ES6類

es5的建構函式 function f name f.prototype.writecss function f.writejs function 定義在類上的靜態屬性 let f new f f.writecss f.writejs es6的類 class f writecss static wr...

ES6 Class 與 ES5 建構函式對比

user類被編譯以後轉化為建構函式。被編譯後生成了 classcallcheck,instanceof方法。class user const user newuser console.log user es6 es5 use strict function instanceof left,right...