ASP.NET MVC4单按钮提交双表单 用FormCollection获取数据

当然可以实现！我帮你梳理两种可行的方案，适配不同的场景需求：

方案一：合并为单个表单（推荐，无JS依赖） #

这是最直接的方式，因为浏览器默认只能提交一个表单，我们可以把基础搜索和高级搜索的字段放到同一个表单里，视觉上用样式区分模块即可，提交时所有字段会一起发送到控制器，用FormCollection就能轻松获取所有值。

视图代码： #

@using(Html.BeginForm("Search", "YourControllerName", FormMethod.Post)) {
    <!-- 基础搜索区域 -->
    <div class="basic-search">
        <label>基础搜索：</label>
        <input type="text" name="basicInput" placeholder="输入关键词" />
    </div>

    <!-- 高级搜索区域 -->
    <div class="advanced-search">
        <label>高级搜索：</label>
        <input type="text" name="advancedInput1" placeholder="条件1" />
        <input type="text" name="advancedInput2" placeholder="条件2" />
    </div>

    <!-- 高级搜索提交按钮 -->
    <input type="submit" value="执行高级搜索" />
}

控制器代码： #

[HttpPost]
public ActionResult Search(FormCollection form)
{
    // 获取基础搜索数据
    var basicValue = form["basicInput"];
    // 获取高级搜索数据
    var advancedVal1 = form["advancedInput1"];
    var advancedVal2 = form["advancedInput2"];

    // 这里写你的搜索逻辑
    return View();
}

如果需要给基础搜索单独加提交按钮，也可以在同一个表单里添加，通过按钮的name属性区分提交类型：

<input type="submit" name="submitAction" value="基础搜索" />
<input type="submit" name="submitAction" value="高级搜索" />

然后在控制器里判断处理：

var submitType = form["submitAction"];
if(submitType == "基础搜索"){
    // 处理基础搜索逻辑
}else{
    // 处理高级搜索逻辑
}

方案二：保留双表单+JavaScript合并提交 #

如果你的页面结构必须保留两个独立的<form>标签，可以通过JavaScript监听高级搜索的提交事件，合并两个表单的数据后再提交到控制器。

视图代码： #

@using(Html.BeginForm(null, null, FormMethod.Post, new { id = "basicForm" })) {
    <input type="text" name="input1" placeholder="基础搜索" />
}

@using(Html.BeginForm(null, null, FormMethod.Post, new { id = "advancedForm" })) {
    <input type="text" name="input2" placeholder="高级搜索" />
    <input type="submit" id="advancedSubmitBtn" value="提交高级搜索" />
}

<!-- 引入jQuery（MVC4默认模板通常已包含） -->
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
$(function(){
    $("#advancedSubmitBtn").click(function(e){
        // 阻止默认的单表单提交行为
        e.preventDefault();

        // 序列化两个表单的字段，合并成一个提交字符串
        var basicFormData = $("#basicForm").serialize();
        var advancedFormData = $("#advancedForm").serialize();
        var combinedData = basicFormData + "&" + advancedFormData;

        // 提交到控制器Action
        $.post("@Url.Action("Search", "YourControllerName")", combinedData, function(response){
            // 处理返回结果，比如刷新页面或更新部分视图
            $("body").html(response);
        });
    });
});
</script>

控制器代码和方案一一致： #

[HttpPost]
public ActionResult Search(FormCollection form)
{
    var input1 = form["input1"];
    var input2 = form["input2"];
    // 执行搜索逻辑
    return View();
}

小提示：方案一更推荐，因为它不需要依赖JavaScript，代码更简洁，也更符合ASP.NET MVC的表单设计规范；方案二适合页面结构有特殊限制的场景。

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