Question

我有一个要求，在页面的左侧有链接，在中心，有一个表，所以我必须根据所选的链接刷新表，但它不应该刷新页面，我选择了Ajax但是，行动链接，实施后有问题，我意识到从设计角度来看并不好，所以请你帮我解决一些可能的代码，以达到我的要求。

@Ajax.ActionLink("click me",
    "GetContacts",
    "Home",
    new AjaxOptions
    {
        UpdateTargetId = "DepartmentDetails",
        InsertionMode = InsertionMode.Replace,
        HttpMethod = "GET",
        OnSuccess = "OnAjaxRequestSuccess"
    }
)

Answer 1

将表格移动到局部视图并在点击链接时加载它。这只会刷新部分视图而不是整个母版页。

Answer 2

您可以使用jQuery Ajax。它不需要为部分加载引用任何其他脚本。

示例：

@using (Html.BeginForm(new { id = "DepartmentDetails" }))
{
    @Html.TextBox("deptName ");
    <input type="submit" value="List Department" id="btnList" />
    <div id="divDepartmentDetails"></div>
}
@section Scripts{
    <script>
        $("#btnList").click(function (event) { 
              $.ajax({
                url: "@(Url.Action("Department"))", 
                type: "GET",
                data: { deptName: $("deptName").val() },
                success: function (data) {
                     $("#divDepartmentDetails").html(data);
                }
            });
        });
    </script>
}

刷新列表而不是MVC中的页面

2 个答案: