fetch基本使用

搭建簡易的伺服器：

①新建express資料夾

②終端中執行 express -e 和 npm i

③在express/routes/user.js中定義login請求路徑

var express = require('express')

var router =express.router()
router.get('/login', (req, res) => =req.query
console.log(username, password)
if (username === 'admin' && password === 'admin') )
} else})}
})router.post('/login', (req, res) => =req.body
console.log(username, password)
if (username === 'admin' && password === 'admin') )
} else})}
})module.exports = router

④dev.config.js中配置跨域**

⑤package.json中用supervisor替換原來的node，重啟服務：npm start

"scripts": ,

import  from 'whatwg-fetch' // 起乙個別名，防止和原生的fetch衝突

1、src下新建utils/requset.js：

import  from 'whatwg-fetch'import qs from 'qs'const get = (options) =>=$`

}}  path = options.url + '?' + str.slice(1)
return
fetchpolyfill(path, ).then((res) =>res.json())
}const post = (options) =>).then((res) =>res.json())
}export 
default

2、引入和使用

import request from './utils/request'async componentdidmount() 

})console.log(res, 'get')
request
.post(
}).then((data) =>)
}

2、留給開發者足夠的操作空間，可以自定義返回的資料型別：json、text、blob、arraybuffer...

3、fetch處理成果後不是直接將結果返回，第乙個then方法中返回乙個未處理的結果集，在這裡解析資料，第二個then方法中獲取資料

4、預設不會攜帶cookie，需要設定 credentials: 'include'

React中fetch 基本使用

react中fetch 基本使用 一 fetch fetch是一種xmlhttprequest的一種替代方案，在工作當中除了用ajax獲取後台資料外我們還可以使用fetch axios來替代ajax 二 fetch的基本使用 fetch url then res then data catch e ...

fetch使用詳解

fetch引數 乙個必選的資源路徑和乙個可選的引數init。無論請求是否成功都返回乙個promise fetch與 ajax 的不同 當接收到類似404或500這類表示錯誤的狀態碼時，fetch返回的promise物件的狀態仍然為resolve resolve的返回值 ok 屬性設定為false 僅...

React Native之fetch的使用

來自 在前端快速發展地過程中，為了契合更好的設計模式，產生了 fetch 框架，此文將簡要介紹下 fetch 的基本使用。在 ajax 時代，進行請求 api 等網路請求都是通過 xmlhttprequest 或者封裝後的框架進行網路請求。在 chrome 瀏覽器中已經全域性支援了 fetch 函式...