>首页> IT >

当前快报:一文详解axios传递参数的两种方式

时间:2022-08-10 09:50:18       来源:转载

参数的传递方式【相关推荐:vue.js视频教程】

get 请求


(资料图)

axios({    method: "GET",    url: "xxxxx",    params: param,  })或者 axios({    method: "GET",    url: "/xxx?message=" + msg,  })

post 请求

axios({    method: "POST",    url: "/xxxxx",    data: param,  })  或者 axios({    method: "POST",    url: "/xxxxx",    params: param,  })

正确传递

post

data的形式

从例子中说话,使用的案例代码是post参数,并且没有做任何的转码。

method: "POST",    url: "/xxxxx",    data: param,  })

控制台结果

node后台接收参数的方式

import Koa from "koa";import bodyParser from "koa-bodyparser"const app = new Koa();app.use(bodyParser());app.listen(9020, () => {  console.log("the server is listen 9020 port");})

接受方式如下:

java后台接收参数的方式

params的形式

这个是一个对象形式传递的,案例代码如下:

axios({    method: "POST",    url: "/xxxxx",    params: param,  })

浏览器结果分析

查看view sourcer 如下:

node后台接收参数的方式

java后台接收参数的方式

get 请求

出现两种的原因

处理data

处理 params

buildUrl 一些关键代码如下 :

总结

其实前端和后端 对接参数过程,对于post请求,data不行,那就使用 params来 进行 传递,如果都不行,那就可能后端有问题了。

以上就是一文详解axios传递参数的两种方式的详细内容,更多请关注php中文网其它相关文章!

关键词: 两种方式 相关文章 传递方式