写一段html 和ajax提交个人信息

这是一个简单的 HTML 表单以及使用 AJAX 提交个人信息的代码示例：

<form id="form">
  <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>
  
  <label for="phone">电话：</label>
  <input type="tel" id="phone" name="phone"><br><br>
  
  <input type="submit" value="提交">
</form>

<script>
  const form = document.querySelector('#form');
  
  form.addEventListener('submit', (event) => {
    event.preventDefault();
    
    const name = document.querySelector('#name').value;
    const email = document.querySelector('#email').value;
    const phone = document.querySelector('#phone').value;
    
    const data = { name, email, phone };
    
    const xhr = new XMLHttpRequest();
    xhr.open('POST', '/api/submit-form', true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send(JSON.stringify(data));
    
    xhr.onreadystatechange = function () {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        alert('个人信息已成功提交！');
      }
    };
  });
</script>

在这个代码中，我们创建了一个名为 `form` 的 HTML 表单，并使用 JavaScript 监听它的 `submit` 事件。在事件处理函数中，我们获取表单中的数据，并使用 AJAX 将其发送到服务器的 `/api/submit-form` 路径。

注意：实际应用中，需要在服务器端处理该请求并保存提交的数据，而本代码只是一个示例。