java - 异步小部件 JSP foreach（Java EE 应用程序）

Question

我在 JSP 页面中有以下代码：

<c:forEach var="widget" items="${widgets}">
        <p><h2>Widget</h2></p>
        <p>IDType: ${widget.id}</p>
        <p>Name: ${widget.name}</p>  
</c:forEach>

目前只会显示文本，但将来还会有图表和图像。我想使用异步加载，因此页面不必等待最大的图像/图表。在互联网上，我找到了 Java 代码的教程，但没有找到 JSP 页面的教程。在 JSP 页面中实现异步加载的最佳方式是什么？

谢谢！

Answer 1

只需使用不同的 servlet 分别生成这些图像和图表：

<c:forEach var="widget" items="${widgets}">
    <p><h2>Widget</h2></p>
    <p>IDType: ${widget.id}</p>
    <p>Name: ${widget.name}</p>  
    <img src="chart-servlet.png?id=${widget.id}"/>
    <img src="image-servlet.png?id=${widget.id}"/>
</c:forEach>

在服务器端将一些 servlet 映射到chart-servlet.png和image-servlet.png. 然后，您可以使用id参数生成适当的图表或图像。从浏览器的角度来看，它首先呈现没有图像的 DOM，然后向服务器请求外部资源（图像）。