fetch 函数分装

1.fetch

/*** 封装 fetch*/
import { hashHistory } from 'react-router';export default function request (method, url, body) {method = method.toUpperCase();if (method === 'GET') {// fetch的GET不允许有body，参数只能放在url中body = undefined;} else {body = body && JSON.stringify(body);}return fetch(url, {method,headers: {'Content-Type': 'application/json','Accept': 'application/json','Access-Token': sessionStorage.getItem('access_token') || '' // 从sessionStorage中获取access token},body}).then((res) => {if (res.status === 401) {hashHistory.push('/login');return Promise.reject('Unauthorized.');} else {const token = res.headers.get('access-token');if (token) {sessionStorage.setItem('access_token', token);}return res.json();}});
}// GET 请求
export const get = url => request('GET', url);
// POST 请求
export const post = (url, body) => request('POST', url, body);
// PUT 上传
export const put = (url, body) => request('PUT', url, body);
// DELETE 删除
export const del = (url, body) => request('DELETE', url, body);

fetch 函数分装相关推荐

使用fetch函数发送ajax
回到文章总目录使用fetch函数发送ajax请求 MDN文档地址中文文档 https://developer.mozilla.org/zh-CN/docs/Web/API/WindowOrWork ...
php预处理的fetch函数,php 预编译查询始终fetch不到数据解决方案
php 预编译查询始终fetch不到数据 include ('../db/MySqlConnect.php'); $conn = new MySqlConnect(); $mysqli = $conn ...
c语言fetch函数的用法,fetch_add
fetch_add 描述 (Description) 它自动原子地将参数添加到存储在原子对象中的值,并获得先前保存的值. 声明 (Declaration) 以下是std :: atomic :: fe ...
指针，指针：分装一个函数，实现两个数的交换。指向固定的区域
1.指针的引入 //第9行,取值运算符*,他把后面跟的内存地址中的数据"取出来": 2.指针变量的引入什么是指针变量:存放地址的变量什么是指针变量:存放指针的变量指针 = 地 ...
网络请求方式Fetch简介
fetch是一种HTTP数据请求的方式,是XMLHttpRequest的一种替代方案.fetch不是ajax的进一步封装,而是原生js.Fetch函数就是原生js,没有使用XMLHttpRequest ...
[日常] Go语言圣经-Deferred函数
1.只需要在调用普通函数或方法前加上关键字defer,就完成了defer所需要的语法.当defer语句被执行时,跟在defer后面的函数会被延迟执行.直到包含该defer语句的函数执行完毕时,defe ...
Fetch API——简化你的AJAX
之前搞定了Promise,接下来学习Fetch API.封装过AJAX函数的各位肯定能知道XMLHttpRequest的问题(没有封装过的点这里),首先,其所有的功能全部集中在同一对象上,容易书写混乱 ...
在JS 中使用 fetch 初体验
在前端快速发展地过程中,为了契合更好的设计模式,产生了 fetch 框架,此文将简要介绍下 fetch 的基本使用. 在 AJAX 时代,进行 API 等网络请求都是通过 XMLHttpRequest ...
React开发中使用fetch进行异步请求
React开发中使用fetch进行异步请求最新的Web API接口中提供了一个全局fetch方法,从而以一种更为简单.合理的方式来支持跨网络异步获取资源. 这种功能以前是使用 XMLHttpRequ ...

fetch 函数分装

fetch 函数分装相关推荐

最新文章

热门文章