解决AJAX请求中含有数组的办法

当我们在使用AJAX发送请求时，有时候需要传递一个数组，这时我们需要对该数组进行编码和解码。下面是一些解决AJAX请求中含有数组的办法：

使用JSON.stringify方法序列化数组

JSON.stringify方法可以将一个JavaScript对象或数组转换为JSON字符串。因此，我们可以先将数组转化为JSON字符串再传递给后端。

var arr = ['a','b','c'];
var arrJsonStr= JSON.stringify(arr);
$.ajax({
  url: 'xxx',
  data: {myArr: arrJsonStr},
  success: function(){}
});

前端使用FormData对象

我们可以通过前端FormData对象来序列化表单数据和文件上传信息。 同样也可将含有数组数据的表单项也放入 FormData中进行提交。

var formData = new FormData();
var arr = ['a','b','c'];
formData.append('myArr[]', arr[0]);
formData.append('myArr[]', arr[1]);
formData.append('myArr[]', arr[2]);
$.ajax({
  url: 'xxx',
  data: formData,
  processData: false,
  contentType: false,
  type: 'POST',
  success: function(){}
});

以上两种方法都可以解决含有数组的AJAX请求问题，前者将数组序列化为JSON字符串形式传递给后端，后者则是通过FormData对象将数组数据放入表单项中，达到同样传递数组信息的目的。