VUE中axios的get、post请求传参方式
程序员文章站
2022-04-15 13:14:15
...
一、get请求
下面展示一些 内联代码片
。
方法一:
axios.get('/user?id=12345&name=user')
.then(function (res) {
console.log(res);
})
.catch(function (err) {
console.log(err);
});
方法二:
下面展示一些 内联代码片
。
axios.get('/user', { //params参数必写 , 如果没有参数传{}也可以
params: {
id: 12345,
name: user
}
})
.then(function (res) {
console.log(res);
}).catch(function (err) {
console.log(err);
});
二、post请求 传参格式为 raw (JSON格式)
第一种情况: axios将JavaScript对象序列化为JSON
(全局请求头:‘Content-Type’= ‘application/x-www-form-urlencoded’)
(request的Header:‘Content-Type’= ‘application/json;charset=UTF-8’)
下面展示一些 内联代码片
。
var readyData={
id:1234,
name:user
};
axios.post("/notice",readyData)
.then((res) => {return res})
.catch((err) => {return err})
第二种情况:
(全局请求头:‘Content-Type’= ‘application/json;charset=UTF-8’)
(request的Header:‘Content-Type’= ‘application/json;charset=UTF-8’)
下面展示一些 内联代码片
。
var readyData=JSON.stringify({
id:1234,
name:user
});
axios.post("/notice",readyData)
.then((res) => {return res})
.catch((err) => {return err})
原文转自:https://blog.csdn.net/qq_31837621/article/details/80688854
下一篇: hexo插入音乐,视频,GIF
推荐阅读
-
vue 2.x 中axios 封装的get 和post方法
-
微信小程序授权 获取用户的openid和session_key【后端使用java语言编写】,我写的是get方式,目的是测试能否获取到微信服务器中的数据,后期我会写上post请求方式。
-
Vue resource中的GET与POST请求的实例代码
-
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
-
在Restful风格中,axios请求中, method:“put“/‘delete‘/‘get‘/‘post‘四种方式
-
vue中axios的封装问题(简易版拦截,get,post)
-
Vue-cli中axios传参的方式以及后端取的方式
-
浅谈HTTP中GET和POST请求方式的区别
-
vue中axios调用分装的请求方法(get/post方式)
-
vue axios数据请求get、post方法的使用