el表达式对js方法的传值
我常用于在jsp页面遍历集合和分页中的页面跳转事件。
jsp:
<!-- 引入jstl --> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!-- 引入JQuery -->
<script type="text/javascript" src="js/jquery-3.2.1.js" ></script> <!-- 部分jsp代码 --> <c:forEach items="${list }" var="sn" >
<tr>
<td class="td2" >单选</td>
<td class="td2" >${sn.operator_ID }</td>
<td class="td2" >${sn.operator_Name }</td>
<td class="td2" >${sn.is_Admin=="Y"?"管理员":"普通用户" }</td>
<td class="td2" >
<input type="button" onclick="updatethis('${sn.operator_ID }') " name="btnupdate" value="修改" /></td>
</tr>
</c:forEach> <!-- 以上jsp中调用的 onclick="updatethis('${sn.operator_ID }') " click事件中的updatethis();方法 --> <script type="text/javascript">
function updatethis(x){
window.location.href="hello_toUpdate.action?thisid="+x;
};
</script>
问题:
使用这种方式向方法中传值: onclick="updatethis('${sn.operator_ID }') "
el表达式的单引号需要加上,代表传递过去的是字符串,当然不加的时候有时候也是没有问题的(原因不知道)。
常用代码:
<table id="table1">
<tr>
<td style="text-align: left;" >
[第${page.currentPage }页 | 共${page.totalPage }页]
</td>
<td style="text-align: center; " >
<a href="javascript:void(0);" onclick="skipx(1)" >首页</a>
<a href="javascript:void(0);" onclick="skipx(${page.currentPage-1 })" >上一页</a>
<a href="javascript:void(0);" onclick="skipx(${page.currentPage+1 })" >下一页</a>
<a href="javascript:void(0);" onclick="skipx(${page.totalPage })" >尾页</a>
</td>
<td style="text-align: right; " >
转到第<input type="text" value="${page.currentPage }" name="otherpage" style="width: 20px;text-align: center;" />页
<input type="button" name="skipOther" value="跳转" />
</td>
</tr>
</table> <script type="text/javascript">
function skipx(x){
if(x<=${page.totalPage } && x>=1){
var keyid = $("[name='keyid']").val();
var keyname = $("[name='keyname']").val(); $("#keyid").val(keyid);
$("#keyname").val(keyname);
$("#currentPage").val(""+x); window.location.href="hello_keyList.action?keyid1="+keyid+"&keyname1="+keyname+"¤tPage1="+x;
//document.getElementById.action="hello_keyList.action";
//$("[name='form2']").attr("action","hello_keyList.action");
//$("[name='form2']").submit();
}
}; $("[name='skipOther']").click(function(){
var x = $("[name='otherpage']").val();
if(x<=${page.totalPage } && x>=1){
var keyid = $("[name='keyid']").val();
var keyname = $("[name='keyname']").val(); $("#keyid").val(keyid);
$("#keyname").val(keyname);
$("#currentPage").val(x+""); $("[name='form2']").attr("action","hello_keyList.action");
$("[name='form2']").submit();
}else{
alert("页码输入超出范围.");
$("[name='otherpage']").val("${page.currentPage }");
}
});
</script>
使用此方式可以写一个方法(或者说是两个)就可以进行页面跳转了。
el表达式对js方法的传值的更多相关文章
- JS调用OC方法并传值,OC调用JS方法并传值////////////////////////zz
iOS开发-基于原生JS与OC方法互相调用并传值(附HTML代码) 最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点 ...
- 后台获得集合,变成json字符串,放到EL表达式,js进行获取遍历
//把集合编程json字符串,放到el表达式 JSONArray array = new JSONArray(); JSONArray fromObject = array.fromObject(ar ...
- JSP页面不支持EL表达式的解决方法
JSP页面不支持EL表达式的问题就出在新建项目时web.xml的声明上. web.xml声明部分一般分为如下版本的xsd: web-app_2_2.xsd web-app_2_3.xsd web-ap ...
- EL表达式在JS中取出来打印[object HTMLDivElement]的问题
今天做项目的时候,要在JS中获取请求参数中的 值,想直接用 ${param.tabName}获取,结果console.debug()打印出来,居然是 [object HTMLDivElement] ...
- EL表达式的js函数传参问题
<!Doctype html> <html> <head> <title>js的传参问题</title> <script type=& ...
- [javaEE] EL表达式调用java方法
1.新建个类,类里面定义静态方法 package com.tsh.utils; import java.net.URLEncoder; public class ELFunc { public sta ...
- 使用EL表达式调用java方法
首先,新建一个类,类中写一个静态方法 public class PrivilegeUtils { public static Boolean checkPrivilegeByName(User use ...
- js文件中使用EL表达式的问题
var str = '${str}' ; var str = '${obj.属性名}'; 只可以再jsp页面的<script></script>中使用,外部引入的js文件中不能 ...
- 【JavaWeb】EL表达式&过滤器&监听器
EL表达式和JSTL EL表达式 EL表达式概述 基本概念 EL表达式,全称是Expression Language.意为表达式语言.它是Servlet规范中的一部分,是JSP2.0规范加入的内容.其 ...
随机推荐
- Cocos2d-x项目移植到WP8系列之三:C++和C#的交互
原文链接: http://www.cnblogs.com/zouzf/p/3971021.html 上一篇提到工程使用 XAML 和 Direct3D 项目模板 是因为要涉及到C++和C#的交互,微软 ...
- Cocos2d-x项目移植到WP8系列之一:前传
原文链接: http://www.cnblogs.com/zouzf/p/3969993.html 许久没动笔了,随想一直都有动笔的想法,但拖来拖去,归根到底还是一个懒字吧 .发现人的惰性真是太强大了 ...
- win7 与 Ubuntu 16.04 文件传送
win7 与 Ubuntu 16.04 文件传送 环境:主机系统为win7,虚拟机为vmware12, 虚拟系统为ubuntu 16.04 方案一: 通过虚拟机vmware的共享文件夹实现. 方案二: ...
- Docker 搭建一个Docker应用栈
Docker应用栈结构图 Build Django容器 编写docker-file FROM django RUN pip install redis build django-with-redis ...
- poj2442优先队列
感谢 http://hi.baidu.com/%C0%B6%C9%ABarch/blog/item/f9d343f49cd92e53d7887d73.html 的博主! 思路: 我们要找到n个smal ...
- java assert的使用并深入解析Java的assertion
java assert的使用并深入解析Java的assertion 分类: java2012-12-05 13:32 2020人阅读 评论(0) 收藏 举报 原文出处:http://blog.csdn ...
- 回溯法之n皇后问题
package main import ( "fmt" "math" ) //判断第k行的某一列放置是否合法 func check(col []int, k i ...
- if 条件判断 和 判断总结---shell脚本
本文主要介绍了Shell脚本IF条件判断和判断条件总结,本文先是给出了IF条件判断的语法,然后给出了常用的判断条件总结,需要的朋友可以参考下. 前言: 无论什么编程语言都离不开条件判断.SHELL也不 ...
- 如何激活Windows10系统
Win10正式企业版系统的激活方法: 按住 win+x 就会出现如下,右击桌面的左下角的“Windows”图标,从其右键菜单中选择“命令提示符(管理员)”项,以便打开 MSDOS界面. 待打开MS ...
- vs 2005/2008/2010 ATL ActiveX控件显示XP风格
vs 2005/2008/2010 ATL ActiveX控件在IE浏览器中控件显示的是原始的风格,要显示XP风格只要进行以下操作 一.在Stdafx.h中增加下以内容 #if defined _M_ ...