乐趣区

关于axios:axios-各种请求方式传递参数格式

为不便起见,为所有反对的申请办法提供了别名 在应用别名办法时,url、method、data 这些属性都不用在配置中指定

  • axios.request(config)
  • axios.get(url[, config])
  • axios.delete(url[, config])
  • axios.head(url[, config])
  • axios.post(url[, data[, config]])
  • axios.put(url[, data[, config]])
  • axios.patch(url[, data[, config]])

axios.request(config)

// 原始的 Axios 申请形式
axios({
method: ‘post’,
url: ‘/user/12345’,
data: {
firstName: ‘Fred’,
lastName: ‘Flintstone’
},
timeout: 1000,
…// 其余相干配置
});

axios.get(url[, config])

axios.get(‘demo/url’, {
params: {
id: 123,
name: ‘Henry’,
},
timeout: 1000,
…// 其余相干配置
})

axios.delete(url[, config])

// 如果服务端将参数作为 java 对象来封装承受
axios.delete(‘demo/url’, {
data: {
id: 123,
name: ‘Henry’,
},
timeout: 1000,
…// 其余相干配置
})
// 如果服务端将参数作为 url 参数来承受,则申请的 url 为:www.demo/url?a=1&b= 2 模式
axios.delete(‘demo/url’, {
params: {
id: 123,
name: ‘Henry’,
},
timeout: 1000,
…// 其余相干配置
})

axios.post(url[, data[, config]])

axios.post(‘demo/url’, {
id: 123,
name: ‘Henry’,
},{
timeout: 1000,
…// 其余相干配置
})

axios.put(url[, data[, config]])

axios.put(‘demo/url’, {
id: 123,
name: ‘Henry’,
},{
timeout: 1000,
…// 其余相干配置
})

axios.patch(url[, data[, config]])

axios.patch(‘demo/url’, {
id: 123,
name: ‘Henry’,
},{
timeout: 1000,
…// 其余相干配置
})

总结:通过以上案例能够看出,get delete申请形式中,第一个参数为申请的 url 地址,第二个参数为申请的一些配置项,须要传递给后端的参数蕴含在配置项的 data 或者 params 属性中,而 post put patch 申请则第一个参数为 url 地址,第二个参数是须要入参的 json 数据,第三个参数是入参以外的其余配置项。

退出移动版