ASP.NET Core 页面刷新后如何保持输入值？

javascript

2024-03-16 19:55:15

ASP.NET Core 页面刷新后保持输入值

引言

在 ASP.NET Core 中，页面刷新会清除表单中的输入值，这可能会给用户带来不便。为了解决这个问题，本文将介绍几种方法来在页面刷新后保持输入值。

方法

ViewBag

ViewBag 是一种动态对象，可以存储在 View 中的数据。它是一种简单的方法，可以在页面刷新后保持简单的输入值。

TempData

TempData 与 ViewBag 类似，但它仅在一次请求-响应周期中存在。它适用于需要在一次性操作中保留数据的场景。

隐藏字段

隐藏字段是一种类型的表单控件，其值为隐藏，但仍然可以被服务器端代码访问。它是一种持久的方法，可以存储更复杂的数据结构。

示例

使用 ViewBag

// 在控制器中
ViewBag.Name = "John";
ViewBag.Age = 25;

// 在视图中
<input type="text" name="Name" value="@ViewBag.Name" />
<input type="number" name="Age" value="@ViewBag.Age" />

使用 TempData

// 在控制器中
TempData["Name"] = "John";
TempData["Age"] = 25;

// 在视图中
<input type="text" name="Name" value="@TempData["Name"]" />
<input type="number" name="Age" value="@TempData["Age"]" />

使用隐藏字段

// 在视图中
<input type="hidden" name="Name" value="John" />
<input type="hidden" name="Age" value="25" />

// 在控制器中
var name = form["Name"];
var age = form["Age"];