fetch方法

在《深入浅出React和Redux》一书中，介绍react与服务器端交互时，用了fetch方法：https://github.com/github/fetch。该网址上有各种使用例子。

安装：、

npm install whatwg-fetch --save

webpack上使用时：

entry: ['whatwg-fetch', ...]

For Babel and ES2015+：

import 'whatwg-fetch'

fetch方法现代浏览器或多或少原生支持，但是旧版不支持，所以需要下载promise fillpoly：https://github.com/taylorhakes/promise-polyfill。

npm install promise-polyfill --save-exact

 import Promise from 'promise-polyfill'; 

 // To add to window

 if (!window.Promise) {

   window.Promise = Promise;

 }

基本使用方法如上。

不过看github上所说，也只支持到IE8+，足够了。

 fetch('https://mywebsite.com/endpoint/',

  {

   method: 'POST',

   headers: { 'Accept': 'application/json',

         'Content-Type': 'application/json', },

   body: JSON.stringify({

         firstParam: 'yourValue',

         secondParam: 'yourOtherValue', })

     })

 .then(function(res){

 　　console.log(res)

 })

只写一个url参数的话，就相当于一般的get方法。

巴特西

fetch方法

最新文章

热门文章