如何防止ajax模式在提交时重新加载页面

// 获取表单元素
var form = document.getElementById('myForm');

// 监听表单的提交事件
form.addEventListener('submit', function(event) {
    // 阻止表单默认的提交行为，即阻止页面重新加载
    event.preventDefault();

    // 创建一个XMLHttpRequest对象
    var xhr = new XMLHttpRequest();

    // 配置请求类型、URL以及是否异步处理
    xhr.open('POST', '/submit-form', true);

    // 设置请求完成后的回调函数
    xhr.onload = function() {
        if (xhr.status === 200) {
            // 请求成功，处理服务器返回的数据
            console.log(xhr.responseText);
        } else {
            // 请求失败，处理错误情况
            console.error('An error occurred: ' + xhr.statusText);
        }
    };

    // 设置请求错误的回调函数
    xhr.onerror = function() {
        console.error('There was a network error.');
    };

    // 获取表单数据
    var formData = new FormData(form);

    // 发送请求
    xhr.send(formData);
});