将多个参数传递给Ajax.ActionLink

时间:2013-01-23 14:32:07

标签: razor asp.net-mvc-4 asp.net-ajax

我在MVC 4项目中有一个视图和部分视图。我有3个文本框,一个复选框和一个下拉视图。我使用ajax.actionlink方法,调用我的控制器,Action并传递参数并从局部视图中获取结果并将其显示在视图的div标签中页。

这是我的代码。

@Html.TextBoxFor(m=>m.searchParameter.cityName)
@Html.TextBoxFor(m=>m.searchParameter.CountryName)
@Html.TextBoxFor(m=>m.searchParameter.StateName)

@Ajax.ActionLink("submit", "DisplaySearchResult", "Home"
      , new { searchParameter =  Model.searchParameter }
     , new AjaxOptions() { HttpMethod = "Post", UpdateTargetId = "Results", InsertionMode = InsertionMode.Replace }, new { id = "DisplaySearchResult" }).

问题是无法将参数传递给模型。我是MVC4的新手。有没有办法使用jquery或javascript传递参数?我不想在搜索结果中加载页面。

1 个答案:

答案 0 :(得分:1)

正如我所见,您正在尝试实施搜索表单。在这种情况下,我避免使用ViewModel,通常这样做:

@Html.TextBox("CityName", string.Empty)
@Html.TextBox("CountryName", string.Empty)
@Html.TextBox("StateName", string.Empty)

然后你可以使用一些jQuery将值传递给你的action方法:

$("#submit").click(function() {

            var $form = $('form');

            $.ajax({
                type: "GET",
                cache: false,
                url: '@Url.Action(ActionName, ControllerName)',
                data: $form.serialize(),
                success: loadResult
            });

function loadResult(data)
        {
            $("#container").html(data);
        }

只需确保您的操作方法具有适当的参数CityName, CountryName, StateName,以便值正确绑定。