Question

我在子动作中显示了一些数据，并且我使用一些按钮来操纵数据，如下所示：

Index.cshtml

<head>
   <script type="text/javascript">
      $("#RefreshView").onclick(function () {
         $("#viewer").load(@(Html.Action("ViewData", "Home", new { data = Model }));
      }); 
</head>
<body>
   <div style="float:left;" id="viewer">
      @Html.Action("ViewData", new { data = Model })
   </div>
   <div style="float:left;">
      <input type="button" id="RefreshView" value="Refresh" />
   </div>
</body>

理想情况下，我希望按钮单击再次执行子操作并刷新数据。我已经寻找了解决方案，但大部分与Html.Partial的交易，我不想使用，因为我想在子操作中执行数据操作，因为它们是整容和临时更改我不想保存。

Answer 1

您需要使用AJAX进行部分页面更新，例如：

$(function () {
    $('#RefreshView').click(function () {
        $.post('/Url', { /* JSON goes here */ }, function (data) {
            /* The 'Url' points to the partial and returns a View */
            $('#viewer').html(data);
        });
        return false;
    });
});

这会在ready DOM事件上注册回调，并在您单击按钮时触发。 html部分更新已注册成功回调的页面。

此外，您应该在此问题中添加jquery标记。

更新/刷新子操作

1 个答案: