Question

我有HTML页面＆＃34; Index.cshtml＆＃34;

<div class="container" >
    <div class="row">
        <div class="col-md-6" id="employeeList">
@Html.Partial("IndexPartial");  
        </div>
        <div id="second">
           other div
        </div>
        <button onclick="Increase()">increase</button>
    </div>
</div>

包含员工表的局部视图，点击的按钮调用执行控制器方法增加员工年龄的JS脚本

<script>
    function Increase(id) {
        $.ajax({
            url: 'Main/Increase',
            data: { id: 5 },
            UpdateTargetId:"employeeList",
            success: function () {
                alert('Added');
            }
        });
    }
</script>

我运行了firebug，它显示每个按钮点击返回html响应，更新员工表（员工年龄更新）但在浏览器中仍有旧值，直到我手动刷新页面

Answer 1

你似乎有点困惑。让我们来看几件事。

Partial是一种内置方法，可将视图呈现为字符串（IHtmlString）。这在页面构建时运行一次。

$.ajax()是一个jQuery函数。这个函数（据我所知）不接受名为UpdateTargetId的属性。我认为您对.NET AjaxOptions类感到困惑，支持接受名为 UpdateTargetId 的选项。

快速完成工作的一种方法是更改成功函数以获取data参数，然后将HTML插入div。

success: function (data, textStatus, xhr) { }

Ajax UpdateTargedId / Browser不刷新ASP MVC部分视图

1 个答案: