JavaScript之Ajax-axios表单提交

// 引入axios库
const axios = require('axios');
 
// 创建一个表单数据对象
let formData = new FormData();
formData.append('username', 'exampleUser');
formData.append('password', 'examplePassword');
 
// 使用axios发送POST请求
axios.post('https://example.com/login', formData, {
    headers: {
        'Content-Type': 'multipart/form-data' // 指定Content-Type为multipart/form-data
    }
})
.then(response => {
    // 请求成功处理逻辑
    console.log('Success:', response);
})
.catch(error => {
    // 请求失败处理逻辑
    console.error('Error:', error);
});

这段代码演示了如何使用axios库发送带有表单数据的POST请求。首先，我们引入了axios库，并创建了一个FormData对象来存储表单数据。然后，我们使用axios的post方法发送请求，同时指定了正确的Content-Type头部。请求成功时，我们在控制台输出响应数据；失败时，我们输出错误信息。