使用location.href传递下拉框值到控制器参数为null如何解决

1. 第一种写法错误根源：@Url.Action是Razor服务端语法，会在页面渲染阶段就执行完成生成固定URL，此时客户端JS的groupName变量还未赋值，你在Razor参数里写的groupName = "groupName"就是硬编码的字符串，最终生成的URL自然携带固定的"groupName"值。
2. 第二种写法错误根源：ASP.NET MVC默认路由规则为{controller}/{action}/{id}，你直接在URL后拼接/xxx会被框架识别为id路由参数，但你的控制器接收参数名为groupName，参数名不匹配导致绑定失败，最终拿到null值。

下面给出两种常用的稳妥写法：

方案1：查询字符串拼接（最常用，无需修改路由） #

直接先生成Action的基础路径，手动拼接查询参数，注意用encodeURIComponent处理特殊字符/中文避免乱码：

function LoadPointGroups(pointGroup) {
    var groupName = pointGroup.options[pointGroup.selectedIndex].text;
    var baseUrl = '@Url.Action("LoadPointGroups")';
    location.href = baseUrl + '?groupName=' + encodeURIComponent(groupName);
}

方案2：占位符替换（适配自定义路由场景） #

如果你的路由规则中已经配置了groupName作为路由参数，可以用占位符替换的方式实现：

function LoadPointGroups(pointGroup) {
    var groupName = pointGroup.options[pointGroup.selectedIndex].text;
    // 服务端先生成带占位符的URL
    var url = '@Url.Action("LoadPointGroups", new { groupName = "__TEMP__" })';
    // 客户端替换占位符为实际值
    url = url.replace("__TEMP__", encodeURIComponent(groupName));
    location.href = url;
}

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