jQuery tmpl 和 JSP 代码不能很好地运行

Question

我一直在一些项目中使用 jQuery tmpl 库，并且非常喜欢它。

我没有在需要 JSP 的小项目上使用它，事情变得很奇怪。它没有完全发挥作用。

<script id="servicesRow" type="text/x-jquery-tmpl">
    <tr id="id_${id}">
        <td>${name2}<br />${id}</td>
        <td>${supported_roles}</td>
        <td><button class="edit">Edit</button></td>
        <td><button class="delete">Delete</button></td>
        <td><a href="#">Show clients</a></td>
    </tr>
</script>

我试图理解为什么没有显示数据。事实证明，页面中类似 ${foo} 的文本正在发生某种解析。因此，当我在页面上查看源代码时，所有这些元素都已被替换，如下所示：

<script id="servicesRow" type="text/x-jquery-tmpl">
    <tr id="id_">
        <td><br /></td>
        <td></td>
        <td><button class="edit">Edit</button></td>
        <td><button class="delete">Delete</button></td>
        <td><a href="#">Show clients</a></td>
    </tr>
</script>

它仍然可以用作模板，但 jQuery tmpl 无法完成其工作。我得到很多空行。

该语法与我找到的 JSTL 的一些文档相匹配。但据我所知，我还没有安装它。我正在 Windows 7 上的现有 Tomcat 上进行开发，并从头开始在我的 webapps/ 文件夹中构建一个应用程序。据我所知，我没有启用类似的东西，而且我很惊讶裸露的 ${} 被解析（而不是更像 <%= % >，这在 PHP 或 ASP 等中更为常见，

所以我的问题是：如何在全局、本地到单个 JSP 中关闭这种解析行为？我已经尝试过额外的大括号，我尝试过反斜杠，我尝试过各种引号）我认为理想情况下会是这样的：

<foo:stopParsingMyDollarSignsAndBracesPlease>
<script id="servicesRow" type="text/x-jquery-tmpl">
    <tr id="id_${id}">
        <td>${name2}<br />${id}</td>
        <td>${supported_roles}</td>
        <td><button class="edit">Edit</button></td>
        <td><button class="delete">Delete</button></td>
        <td><a href="#">Show clients</a></td>
    </tr>
</script>
</foo:stopParsingMyDollarSignsAndBracesPlease>

任何帮助或想法谢谢！

Answer 1

${} 表示法是表达式语言。您可以通过以下方式在每个 JSP 的基础上关闭它，

<%@page isELIgnored="true" %>

或者通过在 web.xml 中的以下内容在应用程序范围内关闭它：

<jsp-config>
    <el-ignored>true</el-ignored>
</jsp-config>

或者如果您确实想在 JSP 的其他地方使用 EL，那么您可以只需要通过 \ 转义 jQuery 模板中的内容即可。您确实希望避免使用老式的scriptlet。

<tr id="id_\${id}">

或者您可以将所有 JS 代码放入其自己的 JS 文件中（如果 jQuery tmpl 支持）。

Answer 2

在 jQuery 模板中使用 {{=variable_name}} 而不是 ${variable_name}。

https://github.com/jquery/jquery-tmpl/issues/56

Answer 3

不建议关闭EL，当jsp页面有其他EL时，你如何处理，
你可以这样做：

<script id="servicesRow" type="text/x-jquery-tmpl">
<tr id="id_{{= id}}">
    <td>{{= name2}}<br />${id}</td>
    <td>{{= otherInfo}}</td>
    <td><button class="edit">Edit</button></td>
    <td><button class="delete">Delete</button></td>
    <td><a href="#">Show clients</a></td>
</tr>

注意：El中有一个空格，

Answer 4

您可以通过使用反斜杠引用来保护您的“$”免受 JSP 的影响。

在 JSP 中，“${}”构造用于引入表达式语言（“EL”）构造。例如，如果有一个名为“firstName”的请求属性，您可以通过以下方式获取名字：

<input type='text' name='firstName' value='${firstName}'>

在我看来，使用表达式语言比使用可怕的“scriptlet”语法（“<% “ 东西）。页面变得非常非常干净，而且调试起来也非常方便。我不得不怀疑那里有很多非常古老的 JSP 教学指南和教科书，因为 JSTL 和 EL 已经存在很多年了。

Answer 5

如果您不想转义所有 jQuery 标记，您可以使用所有 jQuery 脚本构建一个单独的 JSP，并通过

以下方式维护此独特的 JSP 保护： <%@page isELIgnored="true" %>

然后您可以在需要的地方包含此 JSP。