如何通过超链接以POST传递参数并移除URL中的GET参数？

当然可以实现，核心思路是把默认的GET请求转为POST请求，通过隐藏字段传递预算ID，同时保持链接的视觉样式。以下是两种可行方案：

方案一：用隐藏表单+样式化按钮模拟超链接 #

直接用表单提交POST请求，把预算ID放在隐藏字段里，再将按钮样式改成超链接的样子，用户体验和点击超链接一致：

<form method="POST" action="{{ path('app_income_new') }}">
    <input type="hidden" name="budget" value="{{ budget.id }}">
    <button type="submit" style="border: none; background: transparent; color: #0066cc; text-decoration: underline; cursor: pointer;">
        Create income to this budget
    </button>
</form>

后端控制器中通过Request对象获取POST参数：

// IncomeController.php
use Symfony\Component\HttpFoundation\Request;

public function new(Request $request): Response
{
    // 获取POST传递的预算ID
    $budgetId = $request->request->get('budget');
    
    // 关联Budget实体到新Income
    $budget = $this->getDoctrine()
        ->getRepository(Budget::class)
        ->find($budgetId);
    
    $income = new Income();
    $income->setBudget($budget);
    
    // 后续表单处理、持久化等逻辑...
}

方案二：用JavaScript拦截超链接点击，转为POST请求 #

如果想保留<a>标签的结构，可通过JS拦截点击事件，动态创建表单提交POST请求：

<a href="#" class="create-income-btn" data-budget-id="{{ budget.id }}">Create income to this budget</a>

<script>
document.querySelectorAll('.create-income-btn').forEach(btn => {
    btn.addEventListener('click', function(e) {
        e.preventDefault(); // 阻止默认GET跳转行为
        
        // 动态创建表单
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = "{{ path('app_income_new') }}";
        
        // 添加隐藏字段存储预算ID
        const budgetInput = document.createElement('input');
        budgetInput.type = 'hidden';
        budgetInput.name = 'budget';
        budgetInput.value = this.dataset.budgetId;
        
        form.appendChild(budgetInput);
        document.body.appendChild(form);
        form.submit();
    });
});
</script>

注意事项 #

确保路由app_income_new支持POST请求，在Symfony中可通过注解或路由配置设置：

// 注解路由示例
#[Route('/income/new', name: 'app_income_new', methods: ['GET', 'POST'])]

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