使用 location.href 将值从视图传递到 controller 是 null

Question

我有一个视图，其中有一个下拉onchange事件。 我想使用location.href将下拉列表中的选定值传递给 controller ，但我无法成功地做到这一点。

我在alert中添加了帮助我查看值是什么，它正确显示了下拉列表中的选定值。

我的观点：

<div class="modelDropdown">
    @Html.DropDownListFor(m => m.groupId, Model.pointGroupDropdown, "Select a Model", new { @id = "pointGroupDropdown", @onchange = "LoadPointGroups(this)", @class = "form-control", @style = "width: 200px;" })
</div>

<script>
    function LoadPointGroups(pointGroup) {
        alert(pointGroup.options[pointGroup.selectedIndex].text);
        var groupName = pointGroup.options[pointGroup.selectedIndex].text;
        location.href = '@Url.Action("LoadPointGroups", new {groupName = "groupName"})';
    }
</script>

我的 controller：

public ActionResult LoadPointGroups(string groupName){
    *do stuff*
}

这导致在 controller 参数中groupName为“groupName”。

我也试过

location.href = '@Url.Action("LoadPointGroups")/' + groupName;

但这会将null传递给 controller。

这样做的正确方法/语法是什么？ 任何帮助是极大的赞赏！

Answer 1

您可以为此调用使用Ajax请求。 这里有一个如何实现它的示例：

var BaseUrl = '@Url.Content("~/")';

function LoadPointGroups(pointGroup) {
        var groupName = pointGroup.options[pointGroup.selectedIndex].text;  

 $.ajax({
              BaseUrl + yourControllerPath + '/LoadPointGroups?groupName=' + groupName,
              method: 'GET',  //Your controller's method type
              cache: false,
            }).done(function (whatYouGet) {
                // You could also do sth here if it's a get method
       }); 
   }

Answer 2

你可以这样试试：

function LoadPointGroups(pointGroup){
   alert(pointGroup.options[pointGroup.selectedIndex].text);
   var url =@Url.Action("YourMethodName", "ControllerName"); //your url
   var gName = pointGroup.options[pointGroup.selectedIndex].text; //your value
   window.location.href = url + "?groupName=" + gName;
 }

Answer 3

更改路由配置

routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Help", action = "Index", id = UrlParameter.Optional }
            ).DataTokens = new RouteValueDictionary(new { area = "HelpPage" });