在 JavaScript 文件中混合 JSF EL答案

【问题标题】：Mixing JSF EL in a JavaScript file在 JavaScript 文件中混合 JSF EL
【发布时间】：2011-02-02 14:50:59
【问题描述】：

有没有办法让 JSF 评估包含 Expression Language (EL) 表达式的 JavaScript 文件？

我希望 Seam 有办法解决这个问题，但到目前为止还没有运气。我想要的只是能够在跨页面共享的 JavaScript 函数中使用本地化消息。

【问题讨论】：

请发布一个 JavaScript 函数的示例。

标签： javascript jsf seam el

【解决方案1】：

五种方式：

在父JSF页面中声明为全局变量。

<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
    var messages = [];
    <ui:repeat value="#{bean.messages}" var="message">
        messages['#{message.key}'] = '#{message.value}';
    </ui:repeat>
</script>

或者，如果它已经是 JSON 格式。

<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">var messages = #{bean.messagesAsJson};</script>

将整个<script> 放入一个XHTML 文件并使用ui:include 包含它。

<script type="text/javascript" src="script.js"></script>
<ui:include src="script-variables.xhtml" />

通过JspServlet 传递*.js（仅当仅评估${} 表达式就足够了）。例如。在web.xml（JspServlet 的<servlet-name> 可以在相关servletcontainer 的web.xml 中找到，通常是jsp）。
```
<servlet-mapping>
    <servlet-name>jsp</servlet-name>
    <url-pattern>*.js</url-pattern>
</servlet-mapping>
```
使用修改过的内容类型的“好旧”JSP。将 script.js 重命名为 script.jsp 并将以下行添加到 JSP 的顶部（仅当仅评估 ${} 表达式就足够了）：
```
<%@page contentType="text/javascript" %>
```

让JS在加载的时候ajaxally获取数据。这是一个jQuery 目标示例。

$.getJSON('json/messages', function(messages) {
    $.each(messages, function(key, value) {
        $.messages[key] = value;
    });
});

【讨论】：

我可能会补充一点，第一个是最简单的。让 Facelets 为您处理。
谢谢。不知道我可以在 <script> 块内使用 <ui:repeat>。顺便说一句：我认为<ui:repeat> 属性应该是value 而不是items。

【解决方案2】：

由于我不喜欢不允许浏览器缓存本地化字符串的技术，因此我使用以下技术来本地化 JavaScript 警报等。如果您的 JavaScript 代码中需要的字符串是与 Web 服务器所需的不同：

<h:head>
    <h:outputScript library="javascript" name="#{fw.JsFwStrings}" />
    ...

然后我将资源字符串 JsFwStrings 分配给定义给定语言的本地化字符串的 JavaScript 文件的文件名。

例如，fw_en.properties 文件包含条目 JsFwStrings=JsFwStrings_en.js

并且 JsFwStrings_en.js 文件包含

var TosFramework = TosFramework || {};
TosFramework.Strings = {
    UnSavedChangesWarning : 'You have unsaved changes.',
    CancelConfirmQuestion : 'Are you sure you want to cancel?'
}

【讨论】：