jquery - 如何在点击时清除 TempData？

Question

我的页面中有一组选项卡，每个选项卡都有不同的形式：

<ul id="tabs" class="nav nav-pills" data-tabs="tabs">
<li class="active"><a href="#overview" data-toggle="tab">Overview</a></li>
<li><a href="#reports" data-toggle="tab">Reports</a></li>
<li><a href="#photos" data-toggle="tab">Photos</a></li>
</ul>

这些选项卡是 Bootstrap V3。

当用户保存表单时，我使用 TempData 显示成功确认消息：

TempData["success"] = "Your insrecord has been successfully created.";

我在正确的选项卡下显示它：

@if (TempData["success"] != null)
{
    <div class="alert alert-success">
        @Html.Raw(@TempData["success"])
    </div>
}

问题是，如果用户单击其中一个选项卡，然后单击返回，则仍会显示 TempData。如果用户单击任何选项卡，有没有办法手动清除 TempData？

Answer 1

TempData 在请求后立即销毁。所以你不必担心清除它。

我猜您看到的选项卡的内容只是浏览器的客户端缓存.. 如果您要刷新页面，我很确定您不会看到内容。