在一个项目中,数据的请求发送数据是最为重要的,不可能我们的数据都是自己进行编写的
在react中官方推荐使用的方法是fetch。当然它里面也可以使用vue中的axios请求数据,jQuery的$.ajax 以及元素ajax
下面重点说一下fetch
get方法非常简单,
1 componentDidMount() { 2 fetch('http://127.0.0.1:8100/getAaa') 3 .then(res=>res.json()) 4 .then(json=>this.setState({list: json})) 5 }
post方法相对于get有点复杂,
1 add() { 2 fetch('http://127.0.0.1:8100/getDel',{ 3 method:'post',//改成post 4 mode: 'cors',//跨域 5 headers: {//请求头 6 'Content-Type': 'application/x-www-form-urlencoded' 7 }, 8 body:"..."//向服务器发送的数据 9 }) 10 .then(res=>res.json()) 11 .then(json=>{console.log(json)}) 12 }
以上就是关于react fetch两种使用方法
有什么不足的或者不对的欢迎大家指出
继续阅读与本文标签相同的文章
-
Alibaba Arthas 3.1.2版本:增加logger/heapdump/vmoption命令,支持tunnel server
2026-05-18栏目: 教程
-
进击的Java - 云原生进化
2026-05-18栏目: 教程
-
云服务OpenAPI设计的7大挑战
2026-05-18栏目: 教程
-
MySQL 之 LEFT JOIN 避坑指南
2026-05-18栏目: 教程
-
容器服务及相关云环境几次故障和问题排查记录
2026-05-18栏目: 教程
