React之axios的基本用法

谁借莪１个温暖的怀抱￠ 2022-05-20 05:43 239阅读 0赞

##### 1：简单介绍及安装 #####

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

安装： **npm install axios**

##### 2：地址 #####

> [       https://www.kancloud.cn/yunye/axios/234845][https_www.kancloud.cn_yunye_axios_234845]  
>

#### 3：get请求 ####

// 为给定 ID 的 user 创建请求
    axios.get('/user?ID=12345')
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });
    
    // 可选地，上面的请求可以这样做
    axios.get('/user', {
        params: {
          ID: 12345
        }
      })
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });

##### 4：执行post请求 #####

axios.post('/user', {
        firstName: 'Fred',
        lastName: 'Flintstone'
      })
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });

##### 5：执行多个并发请求 #####

function getUserAccount() {
      return axios.get('/user/12345');
    }
    
    function getUserPermissions() {
      return axios.get('/user/12345/permissions');
    }
    
    axios.all([getUserAccount(), getUserPermissions()])
      .then(axios.spread(function (acct, perms) {
        // 两个请求现在都执行完成
      }));

[https_www.kancloud.cn_yunye_axios_234845]: https://www.kancloud.cn/yunye/axios/234845

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关节流Axios_react-axios

　　适用于 React 框架的 Axios 组件，具有 child function callback。　　在 render 阶段进行异步请求。　　继承了 axios

Myth丶恋晨/ 2023年09月25日 12:12/ 0 赞/ 61 阅读

相关 React JSX基本用法

> 数据绑定、双向数据绑定、路由跳转、事件、数据遍历、渲染、HTML解析、注释 import React, { Component, Fragment } from

骑猪看日落/ 2023年07月09日 09:28/ 0 赞/ 12 阅读

相关 React-router 基本用法

转载自阮一峰的网络日志 (ruanyifeng.com) React-router 路由库： [ReactTraining/react-router: Declara

快来打我*/ 2022年12月25日 15:57/ 0 赞/ 163 阅读

相关 axios的http简单用法

1. axios简介 axios是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特点：

墨蓝/ 2022年11月07日 05:25/ 0 赞/ 153 阅读

相关 ⑧ React Redux 基本用法

查看专栏其它文章： [① React 介绍及JSX简单使用][React _JSX] [② React 面向组件编程(state、props、refs)、事件处理][Rea

末蓝、/ 2022年10月29日 15:21/ 0 赞/ 215 阅读

相关 vue中axios基本用法

1.首先安装axios： 1)：npm install 2)：npm install vue-axios --save 3)：np

古城微笑少年丶/ 2022年10月25日 04:48/ 0 赞/ 216 阅读

相关 React之axios的基本用法

1：简单介绍及安装 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。安装： npm

谁借莪１个温暖的怀抱￠/ 2022年05月20日 05:43/ 0 赞/ 240 阅读

相关 react生命周期的基本用法

写react也快半年了，讲一下自己对于生命周期的理解及各个生命周期的作用首先，看一下一个组件的构造 import React,{ Component } fr

墨蓝/ 2021年09月17日 15:50/ 0 赞/ 376 阅读

相关 axios基本用法

一.axios 1.什么是axios axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。简单的理解就是ajax的封装它本身具有

╰+哭是因爲堅強的太久メ/ 2021年09月15日 02:54/ 0 赞/ 533 阅读

相关 React之ref详细用法

在react典型的数据流中，`props`传递是父子组件交互的唯一方式；通过传递一个新的`props`值来使子组件重新`re-render`,从而达到父子组件通信。当然，就像r

Love The Way You Lie/ 2021年06月24日 14:37/ 0 赞/ 618 阅读