`

jsp里的${}和jquery template的${} 怎么样转义

阅读更多

ttp://www.infoq.com/cn/news/2010/10/jQuery-Template 

http://api.jquery.com/category/plugins/templates/

ms发布的jquery模板插件
在这个插件里他使用的变量占位符和jsp的el表达式用的是一样的${}, 所以在用jsp作为服务器端的输出时要进行转义, 不然jsp会把原本是属于jquery模板插件的变量也进行了替换. 以下介绍两种方式

 

1. escapse ${} in JSP page

<script id="clientTemplate" type="text/html">
<li><a href="clients/${id}">${name}</a></li>
</script>
 

进行转义后

<script id="clientTemplate" type="text/html">
<li><a href="clients/${'${'}id}">${'${'}name}</a></li>
</script>

 
2. save jQuery template as separated file and disable its EL evaluation

if you have a lot of jQuery templates, it's better to extract them out to a seperated file. 不使用el表达式

<%@ page isELIgnored="true" %>
<script id="clientTemplate" type="text/html">
<li><a href="clients/${id}">${name}</a></li>
</script>
<script id="anotherTemplate" type="text/html">
<li><a href="clients/${id}">${name}</a></li>
</script>

 


Then include this file in your JSP pages need template:

<jsp:include page="jqTemplate.jsp"></jsp:include>

 
======================================================

http://www.infoq.com/cn/news/2010/10/DataLink-jQuery  Data Link:jQuery的数据绑定插件


http://code.google.com/p/jquery-utils/  jquery 工具集, 包含字符串格式化处理, cookie, 数组, 国际化处理.

分享到:
评论
2 楼 lingceng 2012-10-24  
\${data}便可以转义,避开EL
1 楼 tonyseek 2011-04-06  
可以直接在 JQuery Template 用 {{= data}}(注意空格) 代替 ${data}

相关推荐

    jquery template 语法总结

    本文档将基于提供的文件内容进行深入讲解,帮助初学者更好地理解和掌握 jQuery Template 的核心用法。 #### 一、jQuery Template 基础概念 jQuery Template 是一种轻量级的模板引擎,它可以让我们轻松地将 JSON ...

    java 转义和反转义工具类 java 转义和反转义工具类

    java 转义和反转义工具类 java 转义和反转义工具类java 转义和反转义工具类 java 转义和反转义工具类java 转义和反转义工具类 java 转义和反转义工具类java 转义和反转义工具类 java 转义和反转义工具类java 转义和...

    jQuery特殊符号转义的实现

    我们在使用jquery选择器的时候 对一些ID属性中有特殊符号的地方需要进行转义。 列举部分如下: &lt;input id="entity.username" type="text" value="hello" /&gt; alert&#40;$("#entity\\.username"&#41;.val()); &...

    java 转义和反转义工具类java 转义和反转义工具类java 转义和反转义工具类java 转义和反转义工具类

    java 转义和反转义工具类java 转义和反转义工具类java 转义和反转义工具类java 转义和反转义工具类java 转义和反转义工具类java 转义和反转义工具类java 转义和反转义工具类java 转义和反转义工具类java 转义和反转...

    jsp+jquery聊天室

    【jsp+jQuery聊天室】是一种基于Java服务器页面(JSP)和JavaScript库jQuery构建的实时交互平台。在网页端,jQuery被广泛用于处理DOM操作、事件处理和Ajax请求,而JSP作为后端技术,主要负责处理用户请求、数据存储...

    JQuery对id中含有特殊字符的转义处理示例

    - 对于CSS和jQuery选择器,需要转义特殊字符,例如用反斜线`\`转义方括号。 - 使用属性选择器来指定ID,避免直接在选择器字符串中使用特殊字符。 了解并掌握这些转义技巧,可以有效地帮助我们在处理含有特殊字符的...

    URL参数里的地址转义

    把URL参数里的地址转义,把URL参数里的地址转义,把URL参数里的地址转义,把URL参数里的地址转义,把URL参数里的地址转义,把URL参数里的地址转义,把URL参数里的地址转义,把URL参数里的地址转义,

    JQuery 风格的HTML文本转义

    那么,我需要一个方法转义。网上搜了一下,大部分是自己编写一个正则替换。不过我的习惯是尊重既有的资源。有人提出可以用dom的功能。先作为innerTEXT传给一个dom对象,再取innerHTML属性,就可以取到转义后的文本了...

    JS及JQuery对Html内容编码,Html转义

    * 原理是利用JQuery自带的html()和text()函数可以转义Html字符 * 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码 */ [removed][removed] [removed] //Html编码获取Html转义实体 function htmlEncode(value)...

    5、CDATA 和转义字符1

    XML提供了两种方式来处理这些问题:转义字符和CDATA(Character Data)块。 1. 转义字符: - "&" 转义为 "&amp;" - "转义为 "&lt;" - "&gt;" 转义为 "&gt;" - """(双引号)转义为 "&quot;" - '''(单引号)转义...

    jQueryTemplate:jQuery 环绕下划线的模板

    jQuery 模板 这是下划线模板的基本 jQuery 包装/实现 将 JavaScript 模板编译为可用于渲染的函数。 用于从 JSON 数据源渲染复杂的 HTML 位。 模板函数既可以使用 &lt;&#37;= ... %&gt; 插入值,也可以使用 &lt;&#37; ....

    html页面转义字符对照表

    ### HTML页面转义字符对照表详解 在HTML文档中,为了正确显示某些特殊字符或符号,需要使用到...这对于创建国际化和高质量的网页是非常重要的。开发者可以根据实际需要选择合适的转义字符来确保页面内容的正确显示。

    常用HTML转义字符,html转义符,JavaScript转义符,html转义字符表,HTML语言特殊字符对照表(ISO Latin-1字符集) - 来源:嘻嘻网 114_xixik_com_files

    在JavaScript中,反斜杠(\)用于转义特殊字符,例如"\n"表示换行,"\t"表示制表符,"\\"表示反斜杠本身,而"\'"和'\"'分别用来转义单引号和双引号。JavaScript中还有一类特殊的转义序列,如"\u0026"用于表示ASCII码...

    jquery登录和管理页面

    在Web开发领域,jQuery作为一个强大的JavaScript库,以其简洁的API和高效的性能,广泛应用于网页交互和动态效果的实现。本篇将重点探讨如何利用jQuery技术来构建后台登录界面及管理页面,旨在帮助开发者深入理解...

    转义表单提交字符处理函数

    ### 转义表单提交字符处理函数 在Web开发中,确保用户输入的数据安全是非常重要的。不正确的处理可能会导致诸如XSS(跨站脚本攻击)等安全问题。因此,对用户提交的数据进行适当的转义是至关重要的。本文将详细介绍...

    转义字符.txt

    转义字符是编程语言中一个重要的概念,它们用于在源代码中表示特殊字符或控制序列。根据提供的文件信息,我们可以深入探讨...理解和正确使用转义字符,尤其是Unicode转义字符,对于编写高效且可维护的代码至关重要。

    jquery快速入门实例

    jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理和动画效果。本教程将引导你快速入门jQuery,通过基础实例帮助你掌握其核心概念。 ### 1. jQuery 构造函数与 $(document).ready() `$` 符号是...

    HTML和XML中的转义字符

    ### HTML和XML中的转义字符 #### 一、引言 在HTML与XML这两种标记语言中,为了确保文档能够正确地被解析与显示,引入了一系列的转义字符。这些特殊的字符序列可以避免语法上的歧义,并确保内容按照预期的方式展现...

    正则表达 转义字符

    ### 正则表达式转义字符详解 #### 一、引言 正则表达式(Regular ...理解这些转义字符的意义和使用方法对于编写高效、准确的正则表达式至关重要。希望本文介绍的内容能对大家理解和运用正则表达式有所帮助。

Global site tag (gtag.js) - Google Analytics