a4j 如何轮询不刷新 Chrome 中的图像

Question

我有很多嵌套的<ui:repeat>tags，我必须定期更新里面的数据。因此我使用 a4j:poll。但要更新嵌套<ui:repeat> 标签内的数据，我必须在第一个（根）<ui:repeat> 标签之前刷新<div id="div1"> 标签。我的问题是在嵌套的 '' 标签中有图像不会改变，并且在调用每个操作 (<a4j:poll action="#{bean.update} render="div1"/>) 后，这些图片会重新加载。在 IE 和 Firefox 中没有问题，图片和 div 正在缓存，只有数据发生变化。在 Chrome 中，所有嵌套在 <div id="div1"> 中的 div 和图像都会重新加载。我可以告诉 a4j:poll 不要重新加载图像宽度显式 id 或让 Chrome 用 Ja​​vaScript 或其他东西缓存它们吗？例如：

<h:body>
    <h:panelGroup layout="block" id="div1">  
        <ui:repeat value="#{bean.someListData}" var="data">
            <ui:repeat value="..." var="...">
                ... 
                <img id="mustNotBeReloaded"/>
                <h:outputText id="mustBeReloaded"/>
                ...               
            </ui:repeat>
        </ui:repeat>
    </h:panelGroup>
    <h:form>
        <a4j:poll action="#{bean.update}" render="div1"/>
    </h:form>
</h:body>

Answer 1

我通过在图像请求上设置响应标头来解决此问题：

response.setHeader("Cache-Control", "max-age=" + 100000);