重构AJAX post的函数:获取已更改的字段ID，并使用AJAX发布它的值

function postChangedFieldValues() {
  // 获取需要监测的字段元素
  var fieldElements = document.querySelectorAll('.changed-field');

  // 遍历字段元素
  for (var i = 0; i < fieldElements.length; i++) {
    var fieldElement = fieldElements[i];

    // 添加change事件监听器
    fieldElement.addEventListener('change', function(event) {
      var changedField = event.target;
      var fieldId = changedField.id;
      var fieldValue = changedField.value;

      // 使用AJAX向服务器发送数据
      var xhr = new XMLHttpRequest();
      xhr.open('POST', '/update-field-value', true);
      xhr.setRequestHeader('Content-Type', 'application/json');
      xhr.onreadystatechange = function() {
        if (xhr.readyState === XMLHttpRequest.DONE) {
          if (xhr.status === 200) {
            // 处理服务器的响应
            var response = JSON.parse(xhr.responseText);
            // 根据具体需求进行操作
          } else {
            // 处理请求失败的情况
          }
        }
      };
      var data = {
        fieldId: fieldId,
        fieldValue: fieldValue
      };
      xhr.send(JSON.stringify(data));
    });
  }
}