axios学习记录

认识axios

axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
axios的github: https://github.com/axios/axios
axios中文文档：http://www.axios-js.com/zh-cn/docs/

安装axios

1. 使用npm

npm i axios

2. 使用CDN

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

axios的基本使用

发送AJAX请求

axios({
		// 请求的地址
        url: 'http://hmajax.itheima.net/api/register',
        // get 请求数据(可省略)
        method: 'get',
        // 查询参数
        params:{
           pname:'河北省'
        }
   }).then(result => {
      console.log(result)
	})

提交数据

axios({
		// 请求的地址
        url: 'http://hmajax.itheima.net/api/register',
        // post 提交数据
        method: 'post',
        // 提交数据
        data: {
           username: 'pink66666',
           password: '12345678'
        }
   }).then(result => {
      console.log(result)
	})

axios发送请求语法

axios.request(config)

 axios.request({
        method:GET/POST,//请求方式
        url:,//请求地址
    }).then(res=>{
         cosnole.log(res)
    }).catch(err=>{
    	cosnole.log(err.message)
    })

axios.get(url [,config])
axios.delete(url [, config])
axios.head(url [, config])
axios.options(url [, config])
axios.post(url [, data[, config]])
axios.put(url [, data[, config]])
axios.patch(url [, data[, config]])
在使用别名方法时， url、method、data 这些属性都不必在配置中指定。