使用jQuery和Ajax选择未更改的值

<script src="https://cdn.jsdelivr.net/npm/jquery"></script>

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" value="张三"><br><br>
  
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email" value="example@example.com"><br><br>
  
  <label for="phone">电话：</label>
  <input type="tel" id="phone" name="phone" value="1234567890"><br><br>
  
  <input type="submit" value="提交">
</form>

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    var formData = $(this).serialize(); // 序列化表单数据
    
    $.ajax({
      url: 'your_backend_url', // 后端处理请求的URL
      type: 'POST', // 请求类型，可以是GET或POST
      data: formData, // 发送的数据
      
      success: function(response) {
        // 处理成功响应的逻辑
        console.log(response);
      },
      
      error: function(xhr, status, error) {
        // 处理错误响应的逻辑
        console.log(error);
      }
    });
  });
});