fetch的基本应用
fetch
浏览器自带的一种前后端数据处理的方式
cnpm install whatwg-fetch --save
fetch(url,options).then((res)=>res.json()).then((data)=>{})
特点:第一次返回的结构不是response 而是一个未处理的response集合
fetch也是基于promise的
axios(url).then(()=>)
fetch(url,options)
options:
method:请求的方式
header:请求头
body:当post请求的时候需要传递参数的地方(将传递的对象转换成字符串形式的) 利用一下qs 第三方库
fetch默认是不会携带Cookie的 如果想要设置cookie 需要在headers中设置credentials:include
react中如何进行跨域
异步action
applyMiddleware:使用中间件处理异步的action
常用处理异步action的方式
redux-promise-middleware
1。引入
import reduxPromise from "redux-promise-middleware";
2、使用中间件
const store = createStore(reducer,applyMiddleware(reduxPromise));
3、处理异步的action
异步的action必须要在actionCreator中处理
type:"GET_MOVIE",
payload:new Promise(resolve=>{
//异步
fetchPolyfill("/ajax/movieOnInfoList?token=")
//未处理的结果集
.then((res)=>res.json())
.then((data)=>{
resolve(data);
})
})
redux-thunk
redux-saga
dva
在React中什么叫做中间件?
action派发后state立马做出修改 这叫同步
action派发后state不知道什么时候做修改 这个其实就是异步
中间件:请求和回复之间的一个应用
React: action与reducer之间的一个应用
原文地址:https://www.cnblogs.com/PeiGaGa/p/11032727.html
- explain 深入剖析 MySQL 索引及其性能优化指南
- 图文并茂详解 SQL JOIN
- 自定义 hadoop MapReduce InputFormat 切分输入文件
- Hadoop MapReduce 二次排序原理及其应用
- MySQL Tips【Updating】
- Meltdown、Spectre攻击---CPU乱序执行和预测执行导致的安全问题
- WordPress 4.6远程代码执行漏洞(CVE-2016-10033)复现环境搭建指南
- 相似文档查找算法之 simHash 简介及其 java 实现
- Hadoop 中利用 mapreduce 读写 mysql 数据
- Android O中对TEE加解密算法的新要求
- storm 原理简介及单机版安装指南
- Python Tips, Tricks, and Hacks
- 英特尔放出Linux微代码以修复Meltdown和Spectre漏洞
- python基础(5):深入理解 python 中的赋值、引用、拷贝、作用域
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- PHP使用PDO、mysqli扩展实现与数据库交互操作详解
- Linux中的who命令实例介绍
- php获取本年、本月、本周时间戳和日期格式的实例代码
- Smarty缓存机制实例详解【三种缓存方式】
- 详解在Ubuntu上的Apache配置SSL(https证书)的正确姿势
- php设计模式之建造器模式分析【星际争霸游戏案例】
- Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
- PHP容器类的两种实现方式示例
- Linux下Mysql定时任务备份数据的实现办法
- PHP抽象类和接口用法实例详解
- php+lottery.js实现九宫格抽奖功能
- PHP实现一个按钮点击上传多个图片操作示例
- php实现 master-worker 守护多进程模式的实例代码
- Ubuntu 18.04 Server 设置静态IP 的办法
- PHP依赖注入容器知识点浅析