JS中也可以使用JSTL和EL标签

//往上滑是调用分页
        function Ajax(currPage, pageSize) { // ajax后台交互String currPage,String pageSize
            var el, Plist, i;
            el = document.getElementById(‘thelist‘);
            var cancle = function(options) {
                var pattern = ‘${pageContext.request.contextPath}/integralParadise/userIntegralRecordsPaging?currPage=:currPage&pageSize=:pageSize‘;
                for ( var key in options) {
                    pattern = pattern.replace(‘:‘ + key, options[key] || ‘‘);
                }
                return pattern;
            }

            $.post(cancle({
                currPage : currPage,
                pageSize : pageSize
            }), function(result) {
                var integralRecord = result.page;
                if (integralRecord.length > 0) {
                    $("#currPage").val(result.currPage + 1);
                    $("#pageSize").val(result.pageSize);
                    //追加信息
                    var divItem = "";
                    $.each(integralRecord, function(index, detail) {
                        if(detail.integral != 0){
                            var type = detail.typeId;
                            var integral = detail.integral;
                            var now = new Date(detail.operatorTime);
                            var time = now.Format("yyyy-MM-dd");
                            var positiveOrNegative =detail.positiveOrNegative ;
                            var operation  = detail.operation;
                            var money = parseInt(detail.money);
                            var rate = detail.rate;
                            var name;
                            switch (type)
                                {
                                case 1:
                                  name="账号绑定奖励";
                                  break;
                                case 2:
                                  name="出借奖励";
                                  break;
                                }
                            divItem += "<div class=‘dtb_item‘><div class=‘dtb_l‘><h3>" +name+ "</h3><p>"+time+"</p></div><div class=‘dtb_m‘>";
                            if(type == 11){
                                divItem +="<p class=‘i_msg purple‘>" +"+"+integral+"</p></div></div>";
                            }else if(positiveOrNegative == false){
                                divItem +="<p class=‘i_msg green‘>" +"-"+integral+"</p></div></div>";
                            }else{
                                divItem +="<p class=‘i_msg red‘>" +"+"+integral+"</p></div></div>";
                            }
                        }
                    });
                    $("#thelist").append(divItem);
                    $(".pullUpLabel").html("")
                    myScroll.refresh();
                } else {
                    $(‘.pullUpLabel‘).html(‘没有更多记录‘);
                    <c:if test="${showmessage <= 0 }">$("#dateTip").html("2016年9月7日前的记录暂时无法显示");</c:if>
                }
            });
        }

这段代码最后用了JSTL和EL,但是这个段JS是在JSP页面中,如果JS不在JSP中要再JS设定使用该JS的JSP页面。

也就是说服务器端把JSTL和EL的值先转化后传到JS中,JS已经得到了静态的值来执行。

 <c:if test="${showmessage <= 0 }">$("#dateTip").html("2016年9月7日前的记录暂时无法显示");</c:if>

获取EL的值

var result = "${showmessage}"; 
时间: 2024-10-20 13:15:05

JS中也可以使用JSTL和EL标签的相关文章

在JSP中如何使用JSTL(EL表达式)格式化日期

第1步:引入指令 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt " %> 第2步:使用 <1>日期 <fmt:formatDate value="${ user.lastConnectTime }"  type="both" /> 2015-12-11 15:43:59 <fmt:formatDate val

js中特殊转换字符为html标签

function htmlEncode(text){ return text.replace(/&/g,'&amp').replace(/\"/g,'&quot').replace(/</g,'&lt').replace(/>/g,'&gt'); } 原文地址:https://www.cnblogs.com/nizuimeiabc1/p/8946862.html

js中全局变量修改后的值不生效【jsp页面中各个js中内容的加载顺序】

一个老项目中,一个jsp文件中有很多个js文件, 现在要在页面上的一个地方判断一个状态,因为一直找不到原来是在哪里修改的那个状态,所以决定不找了,而是在比较靠前引入的一个js中定义一个全局变量,然后在这个js的 $(function(){}} 方法中通过一个ajax向后台获取正确的状态,然后在所有的js都加载完之后根据全局变量的值的状态来修改页面上的逻辑. 但是发现,全局变量被一个外部js修改赋值后,我在jsp页面的最下面居然取不到修改过的值. 请教同事才发现原来原因是 任何一个js文件中的 $

JSTL、EL、ONGL、Struts标签的区别与使用

 一.JSTL 来源 我们使用JSP开发信息展现非常方便,也可嵌入java代码用来实现相关逻辑,但同样带来了很多问题: jsp维护难度增加 出事提示不明确,不容易提示 分工不明确等 解决上面的问题可以使用定制标签库,Jstl使JSP开发开发者可以减少对脚本元素的需求,甚至可以不需要它们. 定义 JSTL(JSP StandardTagLibrary,JSP标准标签库)是一个不断完善的开放源代码的JSP标签库,是由apache的jakarta小组来维护的.JSTL只能运行在支持JSP1.2和Ser

【转】JSP中的JSTL与EL表达式用法及区别

对于JSTL和EL之间的关系,这个问题对于初学JSP的朋友来说,估计是个问题,下面来详细介绍一下JSTL和EL表达式他们之间的关系,以及JSTL和EL一些相关概念! EL相关概念JSTL一般要配合EL表达式一起使用,来实现在jsp中不出现java代码段.所以我们先来学习EL表达式 EL主要用于查找作用域中的数据,然后对它们执行简单操作:它不是编程语言,甚至不是脚本编制语言.通常与 JSTL 标记一起作用,能用简单而又方便的符号来表示复杂的行为. EL基本格式 EL表达式的格式:用美元符号($)定

JSTL与EL常用标签(转)

JSTL与EL EL相关概念 JSTL一般要配合EL表达式一起使用,来实现在jsp中不出现java代码段.所以我们先来学习EL表达式 EL主要用于查找作用域中的数据,然后对它们执行简单操作:它不是编程语言,甚至不是脚本编制语言.通常与 JSTL 标记一起作用,能用简单而又方便的符号来表示复杂的行为. EL基本格式 EL表达式的格式:用美元符号($)定界,内容包括在花括号({})中; 例如: ${loginInfoBean.suser} 此外,您可以将多个表达式与静态文本组合在一起以通过字符串并置

Javaweb学习笔记6—EL表达式与JSTL及自定义标签

 前几天博客被黑了,导致博客登陆不上,把前几天应该发的东西的东西重新发一遍 今天来讲javaweb的第六阶段学习. EL表达式与JSTL及自定义标签是对上篇文章介绍的JSP的扩展,不能说是很重要的东西,但是也要了解. 老规矩,首先先用一张思维导图来展现今天的博客内容. ps:我的思维是用的xMind画的,如果你对我的思维导图感兴趣并且想看到你们跟详细的备注信息,请点击下载 另外:如果图看不清的话请右击---在新窗口中打开会清楚很多. 一.EL表达式 1,EL简介 Expression Lan

【js】在js中加HTML注释标签的原因?

<script type="text/JavaScript"> <!-- js代码 //--> //就是这句,为什么还要在-->前加上js注释 </script> 我们偶尔可能会看到上面这样的js注释代码,可是原因是什么呢? 答案: 原因是那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示.为了防止这种情况发生,我们可以使用这样的 HTML 注释标签.注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 Ja

jsp中的JSTL与EL表达式用法

JSTL (JSP Standard Tag Library ,JSP标准标签库) JSTL标签库分为5类:JSTL核心标签库.JSTL函数标签库.数据库标签库.I18N格式化标签库.XML标签库. JSTL的核心标签库主要包括:表达式操作.流程控制.迭代操作和URL操作.以下是JSTL常用标签的用法总结: 一.表达式操作 1.<c:out> 作用:用于显示数据的内容.语法1:没有本体内容 <c:out value="value" [escapeXml="{