ASP.NET MVC中如何用<a>超链接调用控制器的HttpPost方法替代<input type="submit">按钮

嘿，我来帮你搞定这个问题！标签默认发起的是GET请求，而你要调用的是HttpPost类型的控制器方法，得用点小技巧来实现，下面给你两种常用的可行方案：

方案1：通过JavaScript模拟表单提交 #

你可以创建一个隐藏的表单，把表单的action指向你的Post控制器方法，method设为post。然后给标签绑定点击事件，触发表单提交即可：

<!-- 隐藏的表单 -->
<form id="postForm" action="/YourController/YourPostMethod" method="post" style="display: none;">
    @* 如果你的控制器方法加了[ValidateAntiForgeryToken]特性，必须加上这个令牌 *@
    @Html.AntiForgeryToken()
    <!-- 需要传递的参数可以用隐藏输入框添加 -->
    <input type="hidden" name="paramName" value="paramValue">
</form>

<!-- 你的<a>链接按钮 -->
<a href="#" onclick="submitPostForm(); return false;">触发Post请求</a>

<script>
function submitPostForm() {
    document.getElementById('postForm').submit();
}
</script>

方案2：使用Ajax直接发送Post请求 #

如果不想依赖表单，也可以用Ajax直接发送Post请求，这种方式更灵活，还能轻松处理请求成功/失败后的回调逻辑：

<a href="#" onclick="sendPostRequest(); return false;">触发Post请求</a>

<script>
function sendPostRequest() {
    // 获取AntiForgery令牌（如果控制器方法需要验证的话）
    const token = document.querySelector('input[name="__RequestVerificationToken"]').value;
    
    fetch('/YourController/YourPostMethod', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
            'RequestVerificationToken': token
        },
        body: 'param1=value1&param2=value2' // 这里拼接需要传递的参数
    })
    .then(response => {
        // 请求成功后的处理逻辑，比如提示用户或者刷新页面
        console.log("请求已成功发送");
    })
    .catch(error => {
        // 请求失败后的处理逻辑
        console.error("请求出错：", error);
    });
}
</script>

关键注意事项 #

• 如果你的控制器方法标注了[ValidateAntiForgeryToken]，一定要在请求中带上验证令牌，否则会返回400错误。
• 记得把代码中的/YourController/YourPostMethod替换成你实际的控制器和方法路径。
• 传递参数时，要么在隐藏表单里添加<input type="hidden">，要么在Ajax的body中按格式拼接参数（如果用JSON格式传递，记得把Content-Type改成application/json）。

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