ASP.NET Core MVC：表单定时提交及实时更新需求问询

核心结论 #

完全不使用JS/Ajax的情况下，无法实现提交表单后保持当前编辑状态、不中断用户操作的需求。ASP.NET原生的表单提交依赖整页回发机制，回发后页面会重新渲染，即便回填数据，用户的编辑流程也会被打断，更没法实现“勾选复选框即时提交”这类无感知的操作。

为什么原生提交做不到？ #

• ASP.NET服务器端控件（如开启AutoPostBack="true"的复选框）触发的是整页PostBack，页面刷新后之前的编辑上下文会重置，用户需要重新聚焦表单，完全不符合“保持开放继续编辑”的要求。
• 原生提交后页面必然刷新，不存在“提交后表单仍保持可编辑状态”的原生机制，所有交互都会被中断。

可行的轻量方案（仅需少量JS，无需复杂Ajax） #

如果允许使用极简JS（而非完全禁用），可以实现接近需求的效果，同时复用ASP.NET原生后端处理逻辑：

1. 定时自动提交：用JS的setInterval定时触发表单提交，将表单提交目标设为隐藏iframe，这样当前页面不会刷新，提交后仍可继续编辑：

   <form id="editForm" runat="server" target="hiddenFrame">
       <!-- 表单控件示例 -->
       <asp:TextBox ID="txtContent" runat="server"></asp:TextBox>
       <asp:CheckBox ID="chkOption" runat="server" Text="可选项目" />
   </form>
   <iframe name="hiddenFrame" style="display: none;"></iframe>
   <script>
       // 每5分钟自动提交一次表单
       setInterval(() => {
           document.getElementById('<%= editForm.ClientID %>').submit();
       }, 300000);
   </script>
   

   后端在Page_Load中处理提交的数据完成保存即可，当前页面不受任何影响。

2. 复选框即时提交：给复选框绑定JS点击事件，触发表单提交到隐藏iframe，实现勾选即保存且不中断编辑：

   <asp:CheckBox ID="chkOption" runat="server" Text="勾选即保存" onclick="submitForm()" />
   <script>
       function submitForm() {
           document.getElementById('<%= editForm.ClientID %>').submit();
       }
   </script>
   

纯服务器端妥协方案（无JS，但体验较差） #

如果必须完全禁用JS，只能通过添加**“保存并继续编辑”按钮**实现：点击按钮触发整页回发，后端保存数据后，利用ViewState自动回填表单控件的值，用户可继续编辑。但这种方式每次保存都要刷新页面，体验生硬，也无法实现定时或复选框即时提交的功能。

<asp:Button ID="btnSaveContinue" runat="server" Text="保存并继续编辑" OnClick="btnSaveContinue_Click" />

后端代码示例：

protected void btnSaveContinue_Click(object sender, EventArgs e)
{
    // 保存表单数据到数据库或存储介质
    SaveFormData();
    // ViewState默认启用，回发后控件会自动保留之前的输入值，无需手动回填
}

内容的提问来源于stack exchange，提问作者user01012024