如何正确地从表单中获取数据并发送GET-request？

<form action="目标URL" method="GET">
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">邮箱:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="提交">
</form>

document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  // 获取表单数据
  var name = document.getElementById('name').value;
  var email = document.getElementById('email').value;

  // 构建GET请求的URL
  var url = '目标URL' + '?name=' + encodeURIComponent(name) + '&email=' + encodeURIComponent(email);

  // 发送GET请求
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功处理逻辑
      console.log(xhr.responseText);
    }
  };
  xhr.send();
});