GET方法提交按钮时，如何避免URL参数自动编码以传递多值？

哦，这个问题我之前也碰到过！核心原因是浏览器会自动对表单控件的value属性值进行URL编码，所以你直接把拼接的参数塞进button的value里，里面的&和=肯定会被转成%26和%3D，导致目标页面把整个字符串当成var1的单一值，而不是拆分多个参数。

给你几个可行的解决方案，按推荐程度排序：

方案1：使用隐藏输入字段（最标准、最可靠） #

这是HTML表单处理多参数GET请求的常规操作，完全不需要手动拼接参数，浏览器会自动帮你把所有带name属性的输入（包括隐藏的）拼到URL里：

<form method="get" action="https://example.com/dir1/page.php">
    <!-- 添加隐藏字段来传递额外参数 -->
    <input type="hidden" name="var2" value="value2">
    <input type="hidden" name="var3" value="value3">
    <!-- 按钮只负责传递var1的值 -->
    <button type="submit" name="var1" value="value1">Send</button>
</form>

提交后生成的URL就是你想要的：https://example.com/dir1/page.php?var1=value1&var2=value2&var3=value3，参数能被PHP正常解析成$_GET['var1']、$_GET['var2']、$_GET['var3']。

方案2：用a标签模拟按钮（适合不需要表单的场景） #

如果不想用表单，或者需要直接构造URL，可以用http_build_query生成正确的查询字符串，再用a标签模拟按钮样式：

// 先定义参数数组，用http_build_query自动处理编码和拼接
$params = [
    'var1' => 'value1',
    'var2' => 'value2',
    'var3' => 'value3'
];
$queryString = http_build_query($params);

// 输出模拟按钮的a标签
echo "<a href='https://example.com/dir1/page.php?$queryString' style='
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    color: #333333;
'>Send</a>";

点击这个链接后直接跳转到正确的URL，样式和普通按钮几乎一样，你可以根据需要调整CSS。

方案3：用JavaScript拦截表单提交并构造URL #

如果需要动态生成参数（比如参数值来自页面其他元素），可以用JS阻止表单默认提交，手动构造正确的URL再跳转：

<form id="multiParamForm" method="get" action="https://example.com/dir1/page.php">
    <button type="submit" name="var1" value="value1">Send</button>
</form>

<script>
document.getElementById('multiParamForm').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止浏览器默认提交行为
    
    // 构造参数对象
    const params = {
        var1: this.querySelector('button[name="var1"]').value,
        var2: 'value2', // 这里可以换成动态获取的值
        var3: 'value3'
    };
    
    // 用URLSearchParams生成正确的查询字符串
    const queryString = new URLSearchParams(params).toString();
    // 跳转到目标URL
    window.location.href = `${this.action}?${queryString}`;
});
</script>

再补充下为什么你原来的方法不行：当表单用GET方法提交时，浏览器会把每个表单控件的name和value作为一组键值对，对value进行URL编码后拼到URL里。你把var2=value2&var3=value3塞进var1的value里，浏览器会把整个字符串当成var1的值，自然会把里面的特殊字符编码，导致后端无法识别成多个参数。

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