Axios网络数据请求

介绍

Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

发起GET请求

var url = 'http://www.liulongbin.top:3006/api/get'
var paramsObj = { name: 'zs', age: 20 }
axios.get(url, { params: paramsObj }).then(function (res) {
  console.log(res.data)
})

发起POST请求

var url = 'http://www.liulongbin.top:3006/api/post'
var dataObj = { address: '北京', location: '顺义区' }
axios.post(url, dataObj).then(function (res) {
  console.log(res.data)
})

直接使用axios发起GET请求

params 是与请求一起发送的 URL 参数
必须是一个简单对象或 URLSearchParams 对象

var url = 'http://www.liulongbin.top:3006/api/get'
var paramsData = { name: '钢铁侠', age: 35 }
axios({
  method: 'GET',
  url: url,
  params: paramsData
}).then(function (res) {
  console.log(res.data)
})

直接使用axios发起POST请求

data 是作为请求体被发送的数据
仅适用 ‘PUT’, ‘POST’, 'DELETE 和 ‘PATCH’ 请求方法
在没有设置 transformRequest 时，则必须是以下类型之一:

• string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
• 浏览器专属: FormData, File, Blob
• Node 专属: Stream, Buffer

axios({
  method: 'POST',
  url: 'http://www.liulongbin.top:3006/api/post',
  data: {
    name: '娃哈哈',
    age: 18,
    gender: '女'
  }
}).then(function (res) {
  console.log(res.data)
})

参考文档

Axios 中文文档