安装
使用 npm 安装 whatwg-fetch 和 es6-promise
npm install whatwg-fetch --save
npm install es6-promise --save
示例
import 'whatwg-fetch'
import 'es6-promise'
//get请求
export function getDate() {
var result = fetch('/api/1',{
methods: 'GET',
credentials: 'include',
headers: {
'Accept': 'application/json, text/plain, */*'
}
})
result.then((res) => {
return res.text()
}).then((text) => {
console.log(text) // 打印出来的为一个text数据
})
var result2 = fetch('/api/2',{
methods: 'GET',
credentials: 'include',
headers: {
'Accept': 'application/json, text/plain, */*'
}
})
result.then((res) => {
return res.json()
}).then((json) => {
console.log(json)// 打印出来的为一个json格式的数据
})
}
//post 请求
//对象转换成字符串形式 item=1&item2=2
function paramesObj(obj) {
var str = '',item;
for (item in obj) {
str += '&' + item + '=' + encodeURIComponent(obj[item])
}
if (str) {
str = str.slice(1)
}
return str
}
export function postDate() {
var result = fetch('/api/1',{
methods: 'POST',
credentials: 'include',
headers: {
'Accept': 'application/json, text/plain, */*',
'Content-Type': 'application/x-www-form-urlencoded'
},
// 注意 post 时候参数的形式
body: "a=1&b=100"
})
result.then((res) => {
return res.json()
}).then((json) => {
console.log(json)
})
}
