Побег JavaScript в языке выражений - PullRequest
Новая
       20

Побег JavaScript в языке выражений

5 голосов
/ 08 июля 2011

Иногда мне нужно отобразить переменную JavaScript, используя EL на странице JSF.

* 1003 Е.Г. * 

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

или 

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

Это происходит с ошибкой синтаксиса JS, когда выражение EL оценивается как строка, содержащая специальные символы JS, такие как апостроф и символ новой строки. Как мне избежать этого?

Ответы [ 2 ]

14 голосов
/ 08 июля 2011

Вы можете использовать Apache Commons Lang 3.x StringEscapeUtils#escapeEcmaScript() для этого в EL.

Сначала создайте /WEB-INF/functions.taglib.xml, который выглядит следующим образом: 

<?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 следующим образом: 

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

Тогда вы можете использовать его следующим образом: 

<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 голосов
/ 08 июля 2011

Вы пробовали \'#{_selectedItem.item.webName}\',?

...