5.axios

目前流行的AJAX工具库之一，是受到vue和react推荐的

5.1 安装

npm install axios

或

<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

5.2 使用

5.2.1 get 请求

btn.onclick = function () {
	axios.get('http://127.0.0.1:8000/axios-server', {
		params: {
            id: 0,
            name: '张三'
        },
        // 请求头信息
        headers: {
            a: 123
        },
	}).then(res => {
        console.log(res);
    }).catch(err => {
        console.log(err);
    });
}

5.2.2 post请求

btn.onclick = function () {
	axios.get('http://127.0.0.1:8000/axios-server'),
        {	// 请求体
         	username: 'admin',
            password: 'admin'
        },
        {
        	params: {
      	        id: 0,
    	        name: '张三'
            },
 	       headers: {
 	           a: 123
	       }      
    })
}

5.3 axios发送AJAX请求

btn.onclick = function () {
	axios({
        // 请求方法
        method: 'POST'
        // url
        url: 'http:127.0.0.1:8000/axios',
        // url 参数
        params: {
            id: 0,
            name: '张三'
        },
        // 头信息
        headers: {
            a: 100,
            b: 200
        },
        // 请求体参数
        data: {
            username: 'admin',
            password: 'admin'
        }
    }).then(res => {
        console.log(res);
        console.log(res.status);
        console.log(res.statusText);
        console.log(res.headers);
        console.log(res.data)
    })
}