jsf - 通过链接或后退按钮打开时强制 JSF 刷新页面/ View /表单

Question

我有一个将数据发布到外部页面的 JSF 页面。
数据从 JSF 托管 bean 加载，该 bean 在 post 数据中生成唯一 ID。

我有一个问题，用户单击结帐按钮然后导航回同一页面并再次按下结帐按钮。帖子数据没有更新。此外，根本不调用 bean。有没有强制 JSF 重新加载页面和表单数据？

<form action="#{checkoutBean.externalUrl}" method="post"
    id="payForm" name="payForm">
       <input type="hidden" value="#{checkoutBean.uniqueID}" />
       <input type="submit" value="Proceed to Checkout" />
</form>

Answer 1

该页面很可能是从浏览器缓存中加载的。这本质上是无害的，但确实让最终用户感到困惑，因为他/他错误地认为它确实来自服务器。您可以通过查看浏览器的 Web 开发人员工具集中的 HTTP 流量监视器轻松确认这一点(在 Chrome/FireFox23+/IE9+ 中按 F12 并选中“网络”部分)。

您基本上需要告诉浏览器不要缓存(动态)JSF 页面。通过这种方式，浏览器实际上会向服务器请求页面(并由此触发托管 bean 的正确创建/初始化等)，而不是从其缓存中显示先前请求的页面。

通常，这是通过一个简单的 servlet filter 来完成的。如下:

@WebFilter("/app/*")
public class NoCacheFilter implements Filter {

    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) res;

        if (!request.getRequestURI().startsWith(request.getContextPath() + ResourceHandler.RESOURCE_IDENTIFIER)) { // Skip JSF resources (CSS/JS/Images/etc)
            response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate"); // HTTP 1.1.
            response.setHeader("Pragma", "no-cache"); // HTTP 1.0.
            response.setDateHeader("Expires", 0); // Proxies.
        }

        chain.doFilter(req, res);
    }

    // ...
}

哪里 /app/*是您要关闭浏览器缓存的示例 URL 模式。如有必要，您可以将其映射到 /* , *.xhtml甚至在 servletNames={"Faces Servlet"} .

如果您碰巧使用 JSF 实用程序库 OmniFaces ，那么你可以使用它的内置 CacheControlFilter 只需将以下条目添加到 web.xml (它演示了 FacesServlet 上的直接映射，这意味着不会缓存每个动态 JSF 页面):

<filter>
    <filter-name>noCache</filter-name>
    <filter-class>org.omnifaces.filter.CacheControlFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>noCache</filter-name>
    <servlet-name>facesServlet</servlet-name>
</filter-mapping>

另见 showcase .