如何在变量中存储数组并通过GET方法传递，及服务端获取多值参数

嘿，刚好我之前处理过类似的需求，来给你详细说说这两个问题的解决方案：

GET请求里传递数组主要有两种常用方式，看你更倾向哪种：

• 方式1：拆分数组为多个同参数名的键值对
  这是后端框架最喜闻乐见的写法，兼容性拉满。你可以把数组里的每个元素都作为同一个参数名的value，构造出类似 http://your-api.com/func1?x=1&x=2&x=3 的URL；有些框架也支持带方括号的参数名，比如 x[]=1&x[]=2&x[]=3，这种写法更明确告诉后端这是数组。
  前端原生JS的实现示例：

  var x = [1,2,3];
  const params = new URLSearchParams();
  // 遍历数组，把每个元素添加到同一个参数名x下
  x.forEach(item => params.append('x', item));
  const url = `http://your-api.com/func1?${params.toString()}`;
  
  // 发送GET请求，这里用fetch举例
  fetch(url)
    .then(res => res.json())
    .then(data => console.log('响应数据:', data));
  

• 方式2：把数组序列化为JSON字符串传递
  如果不想拆成多个参数，也可以把整个数组转成JSON字符串，作为单个参数的value发送。记得一定要用encodeURIComponent转义，避免JSON里的引号、括号等特殊字符破坏URL结构。
  前端代码示例：

  var x = [1,2,3];
  // 转成JSON字符串并转义
  const xEncoded = encodeURIComponent(JSON.stringify(x));
  const url = `http://your-api.com/func1?x=${xEncoded}`;
  
  fetch(url)
    .then(res => res.json())
    .then(data => console.log('响应数据:', data));
  

对应上面两种前端写法，服务端的处理方式也不同，以你给出的Ruby风格代码为例：

• 对应前端方式1：直接获取数组
  大部分后端框架（比如Sinatra、Rails）会自动把同参数名的多个值解析成数组。比如你写的代码就可以直接用：

  def func1()
    # 如果前端传的是x=1&x=2&x=3 或x[]=1&x[]=2&x[]=3
    y = params[:x]
    # 此时y就是 [1,2,3]
    # 小提醒：如果参数只有一个值，有些框架会返回字符串而不是数组，保险起见可以转成数组：
    y = Array(params[:x])
  end
  

  要是用其他语言的框架，比如Python Flask，就用request.args.getlist('x')来获取数组；Java Spring则用@RequestParam List<Integer> x接收。

• 对应前端方式2：解析JSON字符串
  服务端需要先拿到参数的字符串值，再解析成数组，记得处理可能的解析异常：

  def func1()
    begin
      x_str = params[:x]
      # 解析JSON字符串为数组
      y = JSON.parse(x_str) || []
    rescue JSON::ParserError
      # 解析失败时给个默认空数组
      y = []
    end
    # 后续就可以正常使用y了
  end
  

内容的提问来源于stack exchange，提问作者Omnia Magd