如何使用ajax传递多个值？

var data = {
  value1: 'abc',
  value2: 123,
  value3: true
};

$.ajax({
  url: '/api',
  type: 'POST',
  data: data,
  success: function(response) {
    // 处理成功的回调
  },
  error: function(xhr, status, error) {
    // 处理错误的回调
  }
});

var value1 = 'abc';
var value2 = 123;
var value3 = true;

var queryString = 'value1=' + encodeURIComponent(value1) + '&value2=' + encodeURIComponent(value2) + '&value3=' + encodeURIComponent(value3);

var xhr = new XMLHttpRequest();
xhr.open('POST', '/api', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理成功的回调
  }
};

xhr.onerror = function() {
  // 处理错误的回调
};

xhr.send(queryString);

var formData = new FormData();
formData.append('value1', 'abc');
formData.append('value2', 123);
formData.append('value3', true);

$.ajax({
  url: '/api',
  type: 'POST',
  data: formData,
  processData: false,
  contentType: false,
  success: function(response) {
    // 处理成功的回调
  },
  error: function(xhr, status, error) {
    // 处理错误的回调
  }
});