React---发送Ajax请求

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

1. 理解

1.1. 前置说明

  1. React本身只关注于界面, 并不包含发送ajax请求的代码
  2. 前端应用需要通过ajax请求与后台进行交互(json数据)
  3. react应用中需要集成第三方ajax库(或自己封装)
  4. jQuery: 比较重, 如果需要另外引入不建议使用
  5. 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请求</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值