React---发送Ajax请求

最新推荐文章于 2024-08-05 11:37:51 发布

lelara

最新推荐文章于 2024-08-05 11:37:51 发布

阅读量936

点赞数

文章标签：网络 vue react python ajax

本文链接：https://blog.csdn.net/lelara/article/details/116037406

版权

本文介绍了React应用中如何发送Ajax请求，重点讨论了轻量级库Axios的使用。首先，解释了React不包含内置的Ajax功能，推荐使用Axios代替jQuery。接着，阐述了Axios的特点，包括其支持Promise、可在浏览器和Node.js中使用，并提供了安装方式和主要API的概述，如GET和POST请求。

摘要由CSDN通过智能技术生成

1. 理解

1.1. 前置说明

React本身只关注于界面, 并不包含发送ajax请求的代码
前端应用需要通过ajax请求与后台进行交互(json数据)
react应用中需要集成第三方ajax库(或自己封装)
jQuery: 比较重, 如果需要另外引入不建议使用
axios: 轻量级, 建议使用

1.2. 常用的ajax请求库

1) 封装XmlHttpRequest对象的ajax

2) promise风格

3) 可以用在浏览器端和node服务器端

2. axios

2.1. 文档

　　地址： https://github.com/axios/axios

　　安装axios: npm install axios

2.2. 相关API

　　1)GET请求

 1 axios.get('/user?ID=12345')
 2   .then(function (response) {
 3     console.log(response.data);
 4   })
 5   .catch(function (error) {
 6     console.log(error);
 7   });
 8 
 9 axios.get('/user', {
10     params: {
11       ID: 12345
12     }
13   })
14   .then(function (response) {
15     console.log(response);
16   })
17   .catch(function (error) {
18     console.log(error);
19   });

2)POST请求</