欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

接口文档部分说明如下
axios post请求小案例
axios 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)
    });
  },

axios post请求小案例

相关标签: 前端 post