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

Question

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

<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);