如何在 JSP 中转义 JavaScript?

IT技术 javascript string jsp escaping
2021-02-10 10:59:47

我完全坚持这一点,我试图逃避 JSP 中的单引号。我有一些数据直接输出到 JS 字符串中,单引号似乎引起了问题。

这是我的代码:

<dsp:droplet name="/atg/dynamo/droplet/ForEach">
  <dsp:param value="${CommerceItems}" name="array" />
  <dsp:param name="elementName" value="CommerceItem" />
  <dsp:oparam name="outputStart">
    var itemNameList ='
  </dsp:oparam>
  <dsp:oparam name="output">
    <dsp:getvalueof id="Desc" param="CommerceItem.auxiliaryData.productRef.displayName">
      ${fn:replace(Desc, "'", "\\/'")}
    </dsp:getvalueof>
  </dsp:oparam>
  <dsp:oparam name="outputEnd">';</dsp:oparam>
</dsp:droplet>

这是我得到的输出:

var itemNameList ='
Weyland Estate Santa Barbara Pinot Noir
Raymond \/'Prodigal\/' North Coast Cabernet Sauvignon
Chateau Haute Tuque'; 

但这是错误的,我只需要/'Prodigal'/或根本不需要单引号!


编辑:或者我实际上需要用\反斜杠转义引号

1个回答

正斜杠不是转义字符。那是反斜杠。

${fn:replace(Desc, "'", "\\'")}

(是的,它已经出现了两次,因为它也是Java 中的转义字符!)

但是,您不仅需要 repac 'by \',还需要替换\n(newlines) by \\n该字符串被打印在多行上,这使得它也是一个无效的 JS 字符串变量。您的最终结果必须基本上如下所示:

var itemNameList = ''
    + '\nWeyland Estate Santa Barbara Pinot Noir'
    + '\nRaymond \'Prodigal\' North Coast Cabernet Sauvignon'
    + '\nChateau Haute Tuque'; 

(请注意,这里的语法高亮笔与我的一致,但与您的不一致)

然而,有很多更可能的,这需要转义特殊字符。它们都包含在Apache Commons Lang 中 StringEscapeUtils#escapeEcmaScript()更容易的是创建一个自定义的 EL 函数来调用该方法。如果尚未完成,请下载并commons-lang.jar放入/WEB-INF/lib. 然后创建一个/WEB-INF/functions.tld文件如下:

<?xml version="1.0" encoding="UTF-8" ?>
<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-jsptaglibrary_2_1.xsd"
    version="2.1">

    <display-name>Custom Functions</display-name>    
    <tlib-version>1.0</tlib-version>
    <uri>http://example.com/functions</uri>

    <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>

这样您就可以按如下方式使用它:

<%@taglib prefix="util" uri="http://example.com/functions" %>
...
${util:escapeJS(Desc)}
s:escapeBody 需要单独回答@DavidBalažic
2021-03-12 10:59:47
OmniFaces 也有一个:of:escapeJS
2021-03-13 10:59:47
Spring 有一个现成的标签:s:escapeBody,所以如果你使用 Spring,你可以使用它而无需定义自己的自定义标签。
2021-04-01 10:59:47