jQuery serializeArray() 在顶部添加另一个值以传递给 Ajax

在使用 jQuery 的时候，我们经常会遇到需要将表单数据序列化并传递给后端的情况。jQuery 提供了一个很方便的方法叫做 serializeArray()，它可以将表单中的数据以数组的形式进行序列化。然而，在某些情况下，我们可能需要在这个数组中添加额外的值，并将其一同传递给后端。本文将介绍一种在使用 serializeArray() 方法时在顶部添加另一个值的方法，并通过 Ajax 将其传递给后端。

html
  姓名:
  

  年龄:
  

  

javascript
var formData = $("#myForm").serializeArray();

javascript
[
  { name: "name", value: "张三" },
  { name: "age", value: "25" }
]

javascript
formData.unshift({ name: "gender", value: "男" });

javascript
[
  { name: "gender", value: "男" },
  { name: "name", value: "张三" },
  { name: "age", value: "25" }
]

javascript
$.ajax({
  url: "your-backend-url",
  type: "POST",
  data: formData,
  success: function(response) {
    // 响应处理逻辑
  },
  error: function(xhr, status, error) {
    // 错误处理逻辑
  }
});

javascript
formData.splice(index, 0, { name: "extraField", value: "额外的值" });