我发现了很多类似的东西，但没有一个真正符合我的愿望。
我有一个 jsp，开头是 java 代码，实际上需要 10-30 秒才能完成(我从数据库中获取一些东西并构建图表)，我想在中间添加一个漂亮的加载图像页面并在加载完成后淡出。
最佳答案
这不是一个直接的解决方案。但是，它可以通过使用 iframe 来实现您的要求。
我对单页 jsp 的试验失败了，因为直到 JSP 内部的进程完成后才加载页面。
以下是我使用的解决方法:
- Create the main JSP (assume index.jsp) page where display part is handled
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Testing the loading</title>
<script type="text/javascript">
function processRecords(){
document.getElementById("mainContent").src = "process.jsp";
}
</script>
</head>
<body onload="processRecords()">
<iframe id="mainContent" width="100%" style="border: none" seamless src="loader.jsp"></iframe>
</body>
</html>
- Create a JSP/HTML (assume loader.jsp) with loader display part
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Processing</title>
</head>
<body>
<img src="images/loader.gif" style="position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;"/>
</body>
</html>
- Create a JSP (assume process.jsp) with actual processing & results display
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Processing</title>
</head>
<body>
<%
//Following is a manual sleep simulating a process
try {
//Sleep for 10 seconds
Thread.sleep(10000);
} catch (InterruptedException ex) {
out.write("Error occurred while processing");
}
out.write("Done!");
%>
</body>
</html>
- Working
当主 JSP 页面 (index.jsp) 加载时，它将使用指向加载程序 JSP 页面 (loader.jsp) 的 iframe src 进行加载。因此，最初将显示加载器 gif 图像。主 JSP 页面中的 onload 方法调用 javascript，后者又调用实际处理 JSP 页面 (process.jsp)。在处理JSP页面返回结果之前，iframe中的加载器页面不会被替换模拟，从而模拟Java代码处理前的加载。
关于html - 在 jsp 站点上执行 java 代码时显示加载 gif，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32476073/