使用原型通过Ajax提交表单并更新结果div

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

// 添加提交事件监听器
form.addEventListener('submit', function(event) {
  // 阻止默认提交行为
  event.preventDefault();

  // 创建Ajax请求对象
  var request = new XMLHttpRequest();

  // 设置请求方法和URL
  request.open('POST', '/submit-form');

  // 设置请求头
  request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

  // 发送请求
  request.send(new FormData(form));

  // 监听请求完成事件
  request.addEventListener('load', function() {
    // 获取响应数据
    var response = JSON.parse(request.responseText);

    // 更新页面上的特定div元素
    var resultDiv = document.getElementById('resultDiv');
    resultDiv.innerHTML = response.message;
  });
});