如何在AJAX中发送其他变量数据和新的FormData()？

在AJAX中发送其他变量数据和新的FormData()可以通过以下步骤实现：

创建一个FormData对象：使用new FormData()创建一个新的FormData对象，该对象用于存储要发送的数据。
添加其他变量数据：使用append()方法将其他变量数据添加到FormData对象中。该方法接受两个参数，第一个参数是变量的名称，第二个参数是变量的值。可以多次调用append()方法添加多个变量。
发送AJAX请求：使用XMLHttpRequest对象或者jQuery的$.ajax()方法发送AJAX请求。在请求的data参数中，将FormData对象作为值传递给AJAX请求。

下面是一个示例代码：

// 创建一个FormData对象
var formData = new FormData();

// 添加其他变量数据
formData.append('name', 'John');
formData.append('age', 25);

// 发送AJAX请求
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/api', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功的处理逻辑
    console.log(xhr.responseText);
  }
};
xhr.send(formData);

在上面的示例中，我们创建了一个FormData对象，并使用append()方法添加了两个变量数据：name和age。然后，我们使用XMLHttpRequest对象发送了一个POST请求，并将FormData对象作为请求的数据发送出去。

请注意，如果你使用jQuery库，可以使用$.ajax()方法来发送AJAX请求，它可以更方便地处理FormData对象。以下是使用jQuery发送AJAX请求的示例代码：

// 创建一个FormData对象
var formData = new FormData();

// 添加其他变量数据
formData.append('name', 'John');
formData.append('age', 25);

// 发送AJAX请求
$.ajax({
  url: 'http://example.com/api',
  type: 'POST',
  data: formData,
  processData: false,
  contentType: false,
  success: function(response) {
    // 请求成功的处理逻辑
    console.log(response);
  }
});

在上面的示例中，我们使用$.ajax()方法发送了一个POST请求，并将FormData对象作为请求的数据发送出去。需要注意的是，我们将processData和contentType参数设置为false，以确保jQuery不会对FormData对象进行处理，并将其发送为原始数据。