asp.net-mvc - 如何通过 Url.Action 传递模型？

Question

我想在 Jquery Dailog 中返回一个局部 View ，并想将 viewmodel 对象传递给特定的 Controller 操作，该怎么做？

查看

@Html.DropDownListFor(model => model.SelectedCountry, new SelectList(Model.CountryList, "CountryCode", "CountryName"), "---SELECT COUNTRY---",
                                    new { @class = "chosen", @onchange = "this.form.action='/Home/Index'; this.form.submit(); " })
<input type="button" id="button1" value="Push"/>
<div id="dialog" title="Report" style="overflow: hidden;"></div>

js

<script type="text/javascript">
$(function () {
    $('#dialog').dialog({
        autoOpen: false,
        width: 400,
        resizable: false,
        title: 'Report',
        modal: true,
        open: function() {
            //here how to pass viewmodel
            $(this).load("@Url.Action("CreatePartial")");
        },
        buttons: {
            "Close": function () {
                $(this).dialog("close");
            }
        }
    });

    $('#button1').click(function () {
        $('#dialog').dialog('open');
    });
});

Controller

public ActionResult CreatePartial(HomeViewModel homeViewModel)
{
        return PartialView("_CreatePartial", homeViewModel);
}

当前，"homeViewModel.SelectedCountry"为 Null，如何在 Jquery 中传递模型？

Answer 1

如果您使用 AJAX，则不应使用 HTTP GET 将模型传递给服务器。而是使用 HTTP POST(如 $().ajax({method: 'POST'}) 并将数据作为 POST 数据传递( $().ajax({method: 'POST', data: @Html.Raw(Json.Encode(Model))}) )