axios及jQuery各种方式提交数据

在使用axios和jQuery进行数据提交时，可以通过不同的方法实现，以下是几种常见的方式：

1. 使用axios发送GET请求：

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

2. 使用axios发送POST请求：

axios.post('/api/data', {
    key1: 'value1',
    key2: 'value2'
})
.then(response => {
    console.log(response.data);
})
.catch(error => {
    console.error(error);
});

3. 使用jQuery发送GET请求：

$.get('/api/data', function(data) {
    console.log(data);
}).fail(function(error) {
    console.error(error);
});

4. 使用jQuery发送POST请求：

$.post('/api/data', {
    key1: 'value1',
    key2: 'value2'
})
.done(function(data) {
    console.log(data);
})
.fail(function(error) {
    console.error(error);
});

5. 使用axios发送PUT请求：

axios.put('/api/data/' + id, {
    key1: 'value1',
    key2: 'value2'
})
.then(response => {
    console.log(response.data);
})
.catch(error => {
    console.error(error);
});

6. 使用axios发送DELETE请求：

axios.delete('/api/data/' + id)
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });

7. 使用jQuery发送PUT请求：

$.ajax({
    url: '/api/data/' + id,
    type: 'PUT',
    data: {
        key1: 'value1',
        key2: 'value2'
    },
    success: function(data) {
        console.log(data);
    },
    error: function(error) {
        console.error(error);
    }
});

8. 使用jQuery发送DELETE请求：

$.ajax({
    url: '/api/data/' + id,
    type: 'DELETE',
    success: function(data) {
        console.log(data);
    },
    error: function(error) {
        console.error(error);
    }
});

以上代码展示了如何使用axios和jQuery分别发送GET、POST、PUT、DELETE请求，并处理响应或错误。需要注意的是，axios默认支持Promise，而jQuery的Ajax函数则使用回调。根据项目需求和个人喜好选择合适的方法。