axios四种方式GET/POST/DELETE/PUT的参数传递 您所在的位置:网站首页 2n8550参数 axios四种方式GET/POST/DELETE/PUT的参数传递

axios四种方式GET/POST/DELETE/PUT的参数传递

2023-09-14 00:41| 来源: 网络整理| 查看: 265

在这里插入图片描述 在这里插入图片描述 看一个最简单的例子:

app.get('/adata', (req, res) => { res.send('hello axios!') }) axios.get('http://localhost:9999/adata').then((response)=>{ console.log(response.data) })

结果: 在这里插入图片描述 注意这里的data是固定的在这里插入图片描述 如果我们只看返回的response: 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

axios参数传递-GET传递参数

在这里插入图片描述

传统查询字符串方式传参 app.get('/axios', (req, res) => { res.send('axios GET传递参数:' + req.query.id) }) axios.get('http://localhost:9999/axios?id=1000').then((response) => { console.log(response) })

注意,这里因为是查询字符串?id=1000,所以服务端用req.query

结果 在这里插入图片描述

restful风格URL传参 axios.get('http://localhost:9999/axios/1000').then((response) => { console.log(response) }) app.get('/axios/:id', (req, res) => { res.send('axios GET(RESTFUL)传递参数:' + req.params.id) })

注意这里因为不是查询字符串,而是restful传参,所以服务端需要:id来接收一下,并且后面只能用req.params.id来得到参数在这里插入图片描述 结果: 在这里插入图片描述

用axios自带的params选项传参(这个其实就是查询字符串的另一种形式只不过参数不写在url里而是写在params对象里): axios.get('http://localhost:9999/axios', { params: { id: 5678, info: 'data within params' } }).then((result) => { console.log(result.data) }) // 因为还是get请求,所以走的还是这个路由 // 参数写在params里面还是查询字符串,所以服务端用req.query接收 app.get('/axios', (req, res) => { console.log(JSON.stringify(req.query)) res.send('axios GET传递参数:' + JSON.stringify(req.query)) })

结果: 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

axios参数传递-DELETE传递参数

在这里插入图片描述 和上面get差不多,我们简单演示一下:

restful风格URL传参 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述传统查询字符串方式传参 在这里插入图片描述 查询字符串走的是这个路由: 在这里插入图片描述 结果: 在这里插入图片描述在这里插入图片描述

在这里插入图片描述 在这里插入图片描述 3. params方式: 在这里插入图片描述 路由走的是这个: 在这里插入图片描述 结果: 在这里插入图片描述 在这里插入图片描述

axios参数传递-POST传递参数在这里插入图片描述 默认传递参数 在这里插入图片描述 在这里插入图片描述 结果: 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述通过URLSearchParams传递参数 在这里插入图片描述 在这里插入图片描述 还是这个路由: 在这里插入图片描述 结果: 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 axios参数传递-PUT传递参数

在这里插入图片描述 看代码: 在这里插入图片描述 在这里插入图片描述 结果: 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有