jquery如何把数组变为字符串传到服务端并处理

将数组转换为字符串并传递到服务端处理，通常有两种方式：

方式一：将数组转换为JSON字符串

1. 利用JSON.stringify()将数组转换为JSON格式的字符串。

javascript
var arr = ['苹果', '梨子', '香蕉'];
var arrStr = JSON.stringify(arr); // 将数组['苹果', '梨子', '香蕉']转换为字符串'["苹果", "梨子", "香蕉"]'

1. 将JSON格式的字符串作为参数传递给后端接口。

javascript
$.ajax({
url: 'http://example.com/api',
type: 'POST',
data: { 'data': arrStr}, // 将转换后的字符串作为参数传递给后端接口
success: function(resp) {
console.log(resp);
}
});

1. 在服务端将JSON格式的字符串解析为数组进行处理。

php
$data = json_decode($_POST['data'], true);
// 对从前端传递的JSON格式的字符串进行解析，得到['苹果', '梨子', '香蕉']数组
// 处理此数组的具体代码

示例一

前端代码

<ul id="fruit_list">
  <li>苹果</li>
  <li>梨子</li>
  <li>香蕉</li>
</ul>
<button id="send_btn">发送请求</button>

<script>
$(function() {
  $('#send_btn').click(function() {
    var fruitArr = []; // 新建空数组
    $('#fruit_list li').each(function() {
      fruitArr.push($(this).text());      // 遍历li元素，将文本内容添加到数组中
    });

    var fruitStr = JSON.stringify(fruitArr); // 将数组转换为JSON格式字符串
    $.ajax({
      url: 'http://example.com/api',
      type: 'POST',
      data: { 'fruits': fruitStr }, // 将JSON格式字符串作为参数传递给后端接口
      success: function(resp) {
        console.log(resp);
      }
    });
  });
});
</script>

后端代码（以PHP为例）

$data = json_decode($_POST['fruits'], true); // 将JSON格式字符串解析为数组
// 对从前端传递的数组进行处理
// ..

方式二：将数组转换为字符串，以特定字符分隔

1. 利用数组的join()方法将数组转换为字符串，以特定的分隔符分隔数组元素。

javascript
var arr = ['苹果', '梨子', '香蕉'];
var arrStr = arr.join(','); // 将数组['苹果', '梨子', '香蕉']转换为字符串'苹果,梨子,香蕉'

1. 将转换后的字符串作为参数传递给后端接口。

javascript
$.ajax({
url: 'http://example.com/api',
type: 'POST',
data: { 'data': arrStr}, // 将转换后的字符串作为参数传递给后端接口
success: function(resp) {
console.log(resp);
}
});

1. 在服务端将接受到的字符串以特定的分隔符解析为数组进行处理。

php
$data = explode(',', $_POST['data']);
// 对从前端传递的字符串通过特定分隔符进行拆分，得到['苹果', '梨子', '香蕉']数组
// 处理此数组的具体代码

示例二

前端代码

<ul id="fruit_list">
  <li>苹果</li>
  <li>梨子</li>
  <li>香蕉</li>
</ul>
<button id="send_btn">发送请求</button>

<script>
$(function() {
  $('#send_btn').click(function() {
    var fruitArr = [];
    $('#fruit_list li').each(function() {
      fruitArr.push($(this).text());
    });

    var fruitStr = fruitArr.join(','); // 将数组转换为以逗号分隔的字符串
    $.ajax({
      url: 'http://example.com/api',
      type: 'POST',
      data: { 'fruits': fruitStr }, // 将以逗号分隔的字符串作为参数传递给后端接口
      success: function(resp) {
        console.log(resp);
      }
    });
  });
});
</script>

后端代码（以PHP为例）

$data = explode(',', $_POST['fruits']); // 将以逗号分隔的字符串，拆分成数组
// 对从前端传递的数组进行处理
// ..