Axioss笔记

一、Get请求

javascript 复制代码
// 请求头携带参数,案例:?uid=1001
axios.get(
    'http://localhost:8080/user/api/v1/user/query', {
        params: {
            uid: '1001'
        }
    }).then(res => {
    console.log(res.data)
}).catch(err => {
    console.log("请求错误=" + err)
}).finally(() => {

})

二、Post请求

(一)第一种方式

javascript 复制代码
function funPost() {
    // 请求体携带参数
    axios.post(
        'http://localhost:8080/user/api/v1/user/query',
        'uid=1001'
    ).then(res => {
        console.log(res.data)
    }).catch(err => {
        console.log("请求错误=" + err)
    }).finally(() => {

    })
}

(二)第二种方式

后端需要使用@RequestBody User user注解

接收json转为对象

javascript 复制代码
function funPost() {
    // 请求体携带参数
    axios({
        url: 'http://localhost:8080/user/api/v1/user/query',
        method: 'post',
        data: {
            'id': '1001'
        }
    }).then(res => {
        console.log(res.data)
    }).catch(err => {
        console.log("请求错误=" + err)
    }).finally(() => {

    })
}

三、封装

相关推荐
ttod_qzstudio2 分钟前
深入理解 TypeScript 数组的 find 与 filter 方法:精准查找的艺术
javascript·typescript·filter·find
思成不止于此9 分钟前
【MySQL 零基础入门】DQL 核心语法(四):执行顺序与综合实战 + DCL 预告篇
数据库·笔记·学习·mysql
冬男zdn26 分钟前
优雅处理数组的几个实用方法
前端·javascript
克喵的水银蛇1 小时前
Flutter 通用标签选择组件:TagSelector 支持单选 / 多选
javascript·windows·flutter
2503_928411561 小时前
12.9 Vue3+Vuex+Js+El-Plus+vite(项目搭建)
开发语言·javascript·ecmascript
Kaze_story1 小时前
Vue第四节:组件化、组件生命周期
前端·javascript·vue.js
yuzhiboyouye1 小时前
web前端开发自测清单
前端
妮妮分享1 小时前
H5获取定位的方式是什么?
java·前端·javascript
weixin_439930641 小时前
前端js日期计算跨月导致的错误
开发语言·前端·javascript
零一科技1 小时前
瑞吉外卖项目,前端源码(用户端)解析
前端