js submit

// HTML 表单提交的 JavaScript 示例

// 1. 使用表单的 submit() 方法提交表单
document.getElementById('myForm').submit();

// 解释：这段代码通过 JavaScript 触发表单的提交事件。它会查找 ID 为 'myForm' 的表单元素，并调用其 submit() 方法来提交表单。

// 2. 阻止表单默认提交行为并使用 AJAX 提交
document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单的默认提交行为

    // 使用 XMLHttpRequest 或 Fetch API 发送数据到服务器
    fetch('submit-form.php', {
        method: 'POST',
        body: new FormData(event.target)
    })
    .then(response => response.json())
    .then(data => {
        console.log('Success:', data);
    })
    .catch((error) => {
        console.error('Error:', error);
    });
});

// 解释：这段代码首先阻止了表单的默认提交行为，然后使用 Fetch API 将表单数据发送到服务器。FormData 对象用于收集表单中的所有数据。