如何在JQuery AJAX中同时发送FormData和字符串数据？

在 JQuery AJAX 中同时发送 FormData 和字符串数据

在处理涉及文件上传的表单时，需要将文件数据与附加数据结合起来用于提交到服务器的字符串数据。以下是如何在 JQuery AJAX 中使用 FormData() 来实现此目的：

使用文件和字符串数据构建 FormData：

<code class="javascript">// Create a new FormData object
var fd = new FormData();

// Append file data
for (var i = 0; i < file_data.length; i++) {
  fd.append("file_" + i, file_data[i]);
}

// Append other string data using serializeArray()
var other_data = $('form').serializeArray();
$.each(other_data, function (key, input) {
  fd.append(input.name, input.value);
});</code>

使用提交数据AJAX:

<code class="javascript">$.ajax({
  url: 'submit.php',
  data: fd,
  contentType: false,
  processData: false,
  type: 'POST',
  success: function (data) {
    console.log(data);
  },
});</code>

说明：

• serializeArray()：此方法以数组形式检索表单数据对象的名称和值，从而更好地控制每个输入的名称和值。
• contentType: false 和 processData: false：这些设置禁用 JQuery 的默认数据处理并允许将原始 FormData 发送到服务器。
• 'submit.php'：将其替换为将处理文件和字符串数据的服务器端脚本的 URL。

服务器端注意事项：

要检索服务器上的文件和字符串数据，可以使用以下代码：

<code class="php">// Files
print_r($_FILES);

// Other data
print_r($_POST);</code>

以上是如何在JQuery AJAX中同时发送FormData和字符串数据？的详细内容。更多信息请关注PHP中文网其他相关文章！