欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

react-fetch数据发送请求

程序员文章站 2022-07-10 22:22:20
在一个项目中,数据的请求发送数据是最为重要的,不可能我们的数据都是自己进行编写的 在react中官方推荐使用的方法是fetch。当然它里面也可以使用vue中的axios请求数据,jQuery的$.ajax 以及元素ajax 下面重点说一下fetch get方法非常简单, post方法相对于get有点 ......

在一个项目中,数据的请求发送数据是最为重要的,不可能我们的数据都是自己进行编写的

在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两种使用方法

有什么不足的或者不对的欢迎大家指出