异步小部件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，然后向服务器请求外部资源（图像）。