[JavaScript]_[初级]_[不使用JQuery原生Ajax提交表单]

// 使用原生JavaScript进行表单数据的Ajax提交
document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
 
    var formData = new FormData(this); // 创建FormData对象
 
    fetch(this.action, {
        method: this.method,
        body: formData,
        headers: {
            'Accept': 'application/json'
        }
    })
    .then(response => response.json()) // 解析JSON响应
    .then(data => console.log(data)) // 处理解析后的数据
    .catch(error => console.error('Error:', error)); // 错误处理
});

这段代码首先通过ID选择器获取表单元素，并为其添加事件监听器，以捕获提交事件。在事件处理函数中，它使用event.preventDefault()阻止表单的默认提交行为。然后，它创建一个FormData对象，从而可以轻松地通过fetch函数发送表单数据。最后，它解析JSON响应并在控制台中记录数据，或者在发生错误时打印错误信息。这是一个更现代、更推荐的做法，因为它避免了使用jQuery，并且是原生的JavaScript方法。