2011-07-07 58 views
5

有时,我需要在JSF页面中使用EL呈现JavaScript变量。在表达式语言中转义JavaScript

例如

<script>var foo = '#{bean.foo}';</script> 

<h:xxx ... onclick="foo('#{bean.foo}')" /> 

这失败,JS语法错误当EL表达式评估为含有JS如撇号和换行符特殊字符的字符串。我如何逃避它?

+0

下面的回答让我正确的轨道上。 – Ontonomo

+0

添加了:xmlns:fn =“http://java.sun.com/jsp/jstl/functions”,并在代码中“#{fn:replace(_selectedItem.item.webName,”'“,”“)}}' , – Ontonomo

回答

13

您可以在EL中使用Apache Commons Lang 3.xStringEscapeUtils#escapeEcmaScript()方法。

首先创建一个/WEB-INF/functions.taglib.xml看起来是这样的:

<context-param> 
    <param-name>javax.faces.FACELETS_LIBRARIES</param-name> 
    <param-value>/WEB-INF/functions.taglib.xml</param-value> 
</context-param> 

然后你就可以按如下方式使用它:

<?xml version="1.0" encoding="UTF-8"?> 
<facelet-taglib 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facelettaglibrary_2_0.xsd" 
    version="2.0"> 
    <namespace>http://example.com/functions</namespace> 

    <function> 
     <name>escapeJS</name> 
     <function-class>org.apache.commons.lang3.StringEscapeUtils</function-class> 
     <function-signature>java.lang.String escapeEcmaScript(java.lang.String)</function-signature> 
    </function> 
</taglib> 

然后在/WEB-INF/web.xml如下注册它

<html ... xmlns:func="http://example.com/functions"> 
... 
<script>var foo = '#{func:escapeJS(bean.foo)}';</script> 
... 
<h:xxx ... onclick="foo('#{func:escapeJS(bean.foo)}')" /> 

或者,如果您碰巧已经使用JSF实用程序库OmniFaces,那么你也可以只使用其内置of:escapeJS()功能:

<html ... xmlns:of="http://omnifaces.org/functions"> 
... 
<script>var foo = '#{of:escapeJS(bean.foo)}';</script> 
... 
<h:xxx ... onclick="foo('#{of:escapeJS(bean.foo)}')" /> 
+0

我跟着上面,但我得到以下异常:javax.servlet.ServletException:com.sun.faces.el.impl.ElException:没有函数映射到名称“util:escapeJS”我是在JSF 1.1,JSP 2.1上...任何想法我应该看看? – bendicott

+0

@ bendicott:以上答案使用Facelet taglib。您正在使用JSP,而不是Facelets。您需要改为创建JSP taglib。 – BalusC

+0

不得不纠正taglib定义,但您的解决方案是伟大的...简单而有效! – cljk

-1

你试过\'#{_selectedItem.item.webName}\',吗?

+1

再次阅读该问题。它是'webName',它返回一个撇号字符串值。 – BalusC