尝试传递数组参数以创建动态URL

在Web开发中，经常需要根据传递的参数动态生成URL。以下是一些常见的方法，展示了如何在不同的编程语言和框架中传递数组参数以创建动态URL。

JavaScript (前端)

假设你有一个数组，并且你想将其作为查询参数传递给一个URL：

let arrayParam = [1, 2, 3];
let queryString = arrayParam.map(value => `param[]=${value}`).join('&');
let url = `https://example.com/api?${queryString}`;

console.log(url); // 输出: https://example.com/api?param[]=1&param[]=2&param[]=3

Python (Flask)

在Flask框架中，你可以这样处理数组参数：

from flask import Flask, request

app = Flask(__name__)

@app.route('/api')
def api():
    array_param = request.args.getlist('param')
    # 处理 array_param
    return {'received': array_param}

if __name__ == '__main__':
    app.run(debug=True)

访问URL https://localhost:5000/api?param=1&param=2&param=3 将返回:

{"received": ["1", "2", "3"]}

PHP

在PHP中，你可以通过全局变量 $_GET 或 $_POST 来获取URL参数：

<?php
$arrayParam = $_GET['param'] ?? [];
// 处理 $arrayParam
print_r($arrayParam);
?>

访问URL https://example.com/api.php?param[]=1&param[]=2&param[]=3 将输出:

Array
(
    [0] => 1
    [1] => 2
    [2] => 3
)

Node.js (Express)

在Express框架中，处理数组参数的方式如下：

const express = require('express');
const app = express();

app.get('/api', (req, res) => {
    const arrayParam = req.query.param;
    // 处理 arrayParam
    res.send(`Received: ${arrayParam}`);
});

app.listen(3000, () => console.log('Server running on port 3000'));

访问URL http://localhost:3000/api?param=1&param=2&param=3 将返回: