Javascript 禁用时 Ajax 回退

Question

问题：
i) 在 JSF2 应用程序中，我想创建一个带有选项卡控件的页面，当用户单击选项卡时，下面的面板内容将通过 ajax 调用从服务器中的 xhtml 文件加载。
ii) 我希望它支持优雅降级（当禁用 Javascript 时），以便在单击选项卡时，会触发 HTTP 请求，并加载新页面...或者相反，通过渐进增强。

部分解决方案： i）我想我可以通过 BalusC 在 How to ajax jsf 中发布的代码示例来完成此任务2 输出链接
:-

<h:form>
<f:ajax render=":include">
    <h:commandLink value="Home" action="#{menuManager.setPage('home')}" /><br />
    <h:commandLink value="FAQ" action="#{menuManager.setPage('faq')}" /><br />
    <h:commandLink value="Contact" action="#{menuManager.setPage('contact')}" /><br />
</f:ajax>

</h:form>
<h:panelGroup id="include">
    <ui:include src="#{menuManager.page}.xhtml" />
</h:panelGroup>

问题
我如何扩展它来解决问题（ii）或者还有其他完全不同的方法吗？我想也许我可以用无脚本来实现这一点，但不知道如何实现！

编辑：可能的解决方案 - 尚未验证：
即使 ajax 被禁用，上面的代码也应该可以工作；它应该只通过 HTTP 工作，根据 http://www .laliluna.de/articles/posts/jsf-2-evaluation-test.html :)
优雅的！我会尝试一下。

Answer 1

如果你使用 而不是 ，那么当 JS 被禁用时它会正常工作。无论如何，命令链接都需要 JS 才能提交“隐藏​​”POST 表单，无论是否使用ajax。如果有必要，您可以添加一些 CSS 以使命令按钮看起来像链接（例如删除边框、背景、插图等）。

作为一种完全不同的替代方案，通过使用 或 将页面作为请求参数或路径信息来使它们发出 GET 请求，使用 jQuery.load() 来不显眼地获取包含页面、提取相关部分并包含在 HTML DOM 树中。