axios学习

1、axios库的使用

什么是axios?

axios:ajax + i/o + system

axios的作用

主要作用于发送请求的等。

axios是目前前端使用非常广泛的网络请求库,包括Vue作者也是推荐在vue中使用axios

响应、转换请求和响应数据等等;

主要特点包括︰在浏览器中发送XMLHttpRequests请求、在node.js中发送 http请求、

支持Promise API、拦截请求和响应数据等。

2、axios的基本使用(promise)

安装axios

复制代码
npm install axios

使用axios发送get/post请求

javascript 复制代码
/**
         * 使用get请求
         */
        axios({
            url:'http://httpbin.org/get',
            params:{
                name:'kjh',
                age:29
            },
            method:'get'
        }).then(
            res => console.log(res)
        ).catch(
            err => console.error(err)
        )



         /**
         * 使用post请求
         */
        axios({
            url:'http://httpbin.org/post',
            data:{
                name:'123',
                time:'2019-09-09'
            },
            method:'post'
        }).then(
            res => console.log(res)
        ).catch(
            err => console.error(err)
        )
相关推荐
摇滚侠几秒前
css,控制超出部分隐藏,显示... css,控制超出部分不隐藏,换行
前端·css
IT_陈寒5 分钟前
Python 3.12 新特性实战:10个让你代码更优雅的隐藏技巧
前端·人工智能·后端
一 乐26 分钟前
海产品销售系统|海鲜商城购物|基于SprinBoot+vue的海鲜商城系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·后端
艾小码27 分钟前
还在死磕模板语法?Vue渲染函数+JSX让你开发效率翻倍!
前端·javascript·vue.js
炒毛豆28 分钟前
vue3 + antd + print-js 实现打印功能(含输出PDF)
前端·javascript·vue.js
天天向上102429 分钟前
el-table动态添加行,删除行
前端·javascript·vue.js
小王码农记1 小时前
vue2中实现天气预报
前端·javascript·vue.js·echarts
我命由我123451 小时前
Element Plus 组件库 - Select 选择器 value 为 index 时的一些问题
开发语言·前端·javascript·vue.js·html·ecmascript·js
有趣的野鸭2 小时前
JAVA课程十一次实验课程主要知识点示例
java·前端·数据库
格鸰爱童话2 小时前
next.js(二)——从react到next.js
前端·javascript·react.js