axios post请求小案例
程序员文章站
2022-07-04 16:26:07
...
post请求结构如下:
function post() {
axios.post('url', { // url表示请求地址 后面是请求传递的参数,是个对象,例如 id为1,姓名为YuChen的用户请求所需要的数据
"id": 1,
"name": "YuChen"
}).then(response => {
console.log('url', response.data)
}, error => {
console.log('错误', error.message)
})
}
post() // 调用 post
接口文档部分说明如下
1.在api.js上定义请求地址
const getDict = "请求url"
export const GetDict = function(param){
return request({
url: getDict,
method: 'post',
data: param
});
}
2.在vue中
post(num){ // 在methods中定义 post 方法,在需要的地方调用即可
GetDict({
typeId: num,
}).then(response =>{ // 执行需要执行的方法
for(let i in response.result){
console.log(response.result[i].dictString)
}
})
.catch(function(error){
console.log(error)
});
},
推荐阅读
-
vue axios数据请求get、post方法及实例详解
-
前端笔记之微信小程序(三)GET请求案例&文件上传和相册API&配置https
-
vue axios数据请求get、post方法及实例详解
-
微信小程序 网络请求(post请求,get请求)
-
让axios发送表单请求形式的键值对post数据的实例
-
解决axios发送post请求返回400状态码的问题
-
解决Vue axios post请求,后台获取不到数据的问题方法
-
微信小程序授权 获取用户的openid和session_key【后端使用java语言编写】,我写的是get方式,目的是测试能否获取到微信服务器中的数据,后期我会写上post请求方式。
-
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
-
axios发送post请求,提交图片类型表单数据方法