如何在mvc3中单击按钮加载部分视图

Question

我有一个 DDL，在其更改时我加载部分视图 _GetX。现在我正在像这样使用它，

   @Html.DropDownListFor(model => model.XId, Model.XList, "Select", new { GetUrl = Url.Action("GetX", "Route") })

我需要在单击按钮时加载此部分视图。我该怎么做？

Answer 1

假设您的 GetX 控制器操作已返回部分视图：

$(function() {
    $('#someButton').click(function() {
        // get the DDL. It would be better to add an id to it
        var ddl = $('#XId');

        // get the url from the ddl
        var url = ddl.attr('GetUrl');

        // get the selected value of the ddl to send it to the action as well
        var selectedValue = ddl.val();

        // send an AJAX request to the controller action passing the currently
        // selected value of the DDL and store the results into
        // some content placeholder           
        $('#somePlaceholder').load(url, { value: selectedValue });

        return false;
    });
});