Javascript 使div在jsp中不可刷新（不使用AJAX）

在我的带有多个div标记的JSP页面上，我希望使特定div不可刷新，以便在JSP向servlet提交表单时保留其值

一旦提交表单以上载文件，我就会丢失div数据

如何在不使用ajax的情况下做到这一点

我搜索了很多，但只能找到让div刷新的方法

在我下面的JSP页面代码中，表单myform被提交到upload.java，并被重定向回这个JSP页面。现在，我不想丢失box div的内容

我的JSP页面

<div id="box">${f1stat}<br>${f2stat}<br>${f3stat}</div>

<div  style="position: absolute; right: -5%; top: 2%;">
<form method="post" name="myform" action="upload" enctype="multipart/form-data">
Left File :  <input type="file" name="dataFile1" id="fileChooser1" />
Right File : <input type="file" name="dataFile2" id="fileChooser2" />
Config File :<input type="file" name="dataFile3" id="fileChooser3" />
Geco File :  <input type="file" name="dataFile4" id="fileChooser4" />
<input type="hidden" id="myField" value="" />
<button type="button" id="execute" onclick="ValidateFile()">Click to Upload files</button>
<button type= "button" id="execute" onclick="saveTextAsFile()">Click to execute</button>
</form>
</div>

---

我们想到的是将第一次加载时的数据保存到会话范围的变量中，然后在设置变量之前检查该变量在后续加载时是否有值。这样，您的价值将得到保留：

<c:if test="${empty test}">
    <c:set var="test" value="${objectWithData}" scope="session" />
</c:if>

---

然后使用

var

中保存的对象属性在div中显示信息。

不可刷新是什么意思？当用户刷新页面时，所有未保存的数据都将丢失。您必须将更改存储在db或本地存储中，并在重新加载时重新应用这些更改。我的页面上有一个表单和div，当表单提交到servlet时，我不想丢失div数据。针对表单提交内容的操作-表单本身（带有此div）在同一URL上吗？或者在processign之后，表单提交被用户重定向到原始表单页面，但div中的内容同时发生了更改？如果是这种情况，那么你需要更具体。提交前，div中有什么内容？提交后怎么办？处理上载的URL是另一个URL，并在转发响应类型上重定向到此URL。确定。因此，您将进入原始页面。那样的话提交前您的div中有哪些内容，提交后又有哪些内容？

RequestDispatcher rd = request.getRequestDispatcher("geco.jsp");
rd.forward(request, response);

<c:if test="${empty test}">
    <c:set var="test" value="${objectWithData}" scope="session" />
</c:if>