Ajax: axios发送Ajax请求

在前端开发中，我们经常需要使用Ajax进行数据的异步获取。axios是一个基于Promise的HTTP客户端，它在浏览器和node.js中都可以使用。

以下是使用axios发送Ajax请求的几种方法：

1. 使用axios.get()方法发送GET请求：

axios.get('https://api.example.com/data')
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });

2. 使用axios.post()方法发送POST请求：

axios.post('https://api.example.com/data', {name: 'John', age: 30})
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });

3. 使用axios.put()方法发送PUT请求：

axios.put('https://api.example.com/data/1', {name: 'Jane', age: 25})
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });

4. 使用axios.delete()方法发送DELETE请求：

axios.delete('https://api.example.com/data/1')
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });

以上代码都是在发送请求后，使用了Promise的then方法来处理响应，catch方法来处理错误。

注意：axios默认发送数据时，数据格式是Request Payload，并非我们常见的Form Data格式，对方服务器可能解析不了。如果要发送Form Data格式的数据，可以使用axios.post(url, qs.stringify({name: 'John', age: 30}))，需要引入qs库。

const qs = require('qs');
axios.post('https://api.example.com/data', qs.stringify({name: 'John', age: 30}))
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });

以上就是使用axios发送Ajax请求的几种方法。