参数的传递方式【相关推荐: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中文网其它相关文章!