Laravel定义路由时如何设置可动态赋值的未知参数

PHP的route()是服务端渲染函数，输出到前端时已经是固定字符串，无法直接动态修改路由参数，可按以下步骤实现需求：

步骤1：调整表单渲染逻辑 #

先在Blade模板中给表单action留占位符，方便前端替换：

// 表单渲染代码，输出后action会包含占位符 __ID_PLACEHOLDER__
<form id="categoryForm" action="{{ route('category.action', ['id' => '__ID_PLACEHOLDER__']) }}" method="POST">
    @csrf
    <!-- 其他表单输入项 -->
</form>

步骤2：给按钮增加标识和数据属性 #

所有触发提交的按钮绑定同一类名，用data-*属性存储对应分类ID：

<button type="button" class="category-submit-btn" data-category-id="1">按钮1</button>
<button type="button" class="category-submit-btn" data-category-id="2">按钮2</button>
<button type="button" class="category-submit-btn" data-category-id="3">按钮3</button>

注意把按钮的type设为button，避免触发表单默认提交行为

步骤3：添加JavaScript监听逻辑 #

点击按钮时替换占位符，再提交表单：

原生JS实现 #

const form = document.getElementById('categoryForm');
const submitBtns = document.querySelectorAll('.category-submit-btn');

submitBtns.forEach(btn => {
    btn.addEventListener('click', function() {
        const categoryId = this.dataset.categoryId;
        // 替换占位符为当前按钮的分类ID
        form.action = form.action.replace('__ID_PLACEHOLDER__', categoryId);
        // 提交表单
        form.submit();
    });
});

jQuery实现（如果项目已引入jQuery） #

$('.category-submit-btn').on('click', function() {
    const categoryId = $(this).data('category-id');
    const form = $('#categoryForm');
    form.attr('action', form.attr('action').replace('__ID_PLACEHOLDER__', categoryId));
    form.submit();
});

可选简化方案 #

如果你的路由category/{id}的id参数固定在路径末尾，可以不用占位符，直接拼接路径：

1. 先在全局定义基础路由：

// 输出的baseRoute格式为 /category/
const baseRoute = "{{ route('category.action', ['id' => '']) }}";

2. 点击按钮时直接拼接：

form.action = baseRoute + categoryId;

其他可选思路 #

如果允许用POST参数传递ID，也可以在表单里加一个隐藏输入项<input type="hidden" name="id" id="categoryIdInput">，点击按钮时给这个输入项赋值即可，不需要修改路由参数，适配性更高。

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