2011-07-07 113 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