更新 MVC3 局部视图答案

【问题标题】：update MVC3 partial view更新 MVC3 局部视图
【发布时间】：2013-01-29 07:36:09
【问题描述】：

我正在使用 MVC C# 和 Jquery。我有一个局部视图，每次用户从视图中修改某些数据时都需要更新它。问题是部分视图没有更新。如何更新局部视图？

局部视图中的 jquery 代码 (WorkReport)

 $("#modify").click(function () {
    var duration = $("#newDuration").val();
    var date_param = $("#dateParam").val();
    $.ajax({
        url: '@Url.Action("ModifyDuration", "ViewWork")',
        type: 'post',
        data: { newDuration: duration, id: psm_id, date: date_param },
        dataType: 'text',
        traditional: true,
        beforeSend: function (jqXHR, settings) {
            $.mobile.showPageLoadingMsg();
        },
        success: function (data) {
            $("#workList").html(data).trigger('create');
            $.mobile.hidePageLoadingMsg();
        },
        error: function (jqXHR, exception) {
            if (jqXHR.status === 0) {
                alert('Not connect.\n Verify Network.');
            }
        }
    });
});

控制器代码：

[HttpGet]
    public PartialViewResult GetWorkList(string date)
    {
        model.workList = workList;
        return PartialView("WorkReport", model);

    }

 [HttpPost]
    public ActionResult ModifyDuration(string newDuration, string id, string date)
    {
        DataOperation dataOperation = new DataOperation();
        dataOperation.UpdateWorkDuration(newDuration, id);
        return RedirectToAction("GetWorkList", new
        {
            date = date
        });
    }

【问题讨论】：

您实际上并未发布问题，也未尝试描述问题所在。
是的，有什么问题？
有什么问题，伙计？
你在哪里创建模型和工作列表？难道你总是加载相同的数据？
我尝试在用户进行一些数据修改后更新部分视图，但此更新不起作用。

标签： jquery asp.net-mvc asp.net-mvc-3 partial-views

【解决方案1】：

您可以使用this，但请确保选择正确的页面。或使用加载

$("#modify").load('@Url.Action("ModifyDuration", "ViewWork")');

【讨论】：

【解决方案2】：

我在 JQuery 中加载 Partials 的成功率更高：

$("#modify").click(function () {
    $("#workList").load('/ViewWork/ModifyDuration');
}

【讨论】：

【解决方案3】：

硬编码路径（链接）是个坏主意，所以请始终使用@Url.Action() 方法。你的代码应该是

$("#modify").click(function () {
    $("#workList").load('@Url.Action("ModifyDuration", "ViewWork")');
}

【讨论】：