我常用于在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; " >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:void(0);" onclick="skipx(1)" >首页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:void(0);" onclick="skipx(${page.currentPage-1 })" >上一页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:void(0);" onclick="skipx(${page.currentPage+1 })" >下一页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<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+"&currentPage1="+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方法的传值的更多相关文章

  1. JS调用OC方法并传值,OC调用JS方法并传值////////////////////////zz

     iOS开发-基于原生JS与OC方法互相调用并传值(附HTML代码)     最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点 ...

  2. 后台获得集合,变成json字符串,放到EL表达式,js进行获取遍历

    //把集合编程json字符串,放到el表达式 JSONArray array = new JSONArray(); JSONArray fromObject = array.fromObject(ar ...

  3. JSP页面不支持EL表达式的解决方法

    JSP页面不支持EL表达式的问题就出在新建项目时web.xml的声明上. web.xml声明部分一般分为如下版本的xsd: web-app_2_2.xsd web-app_2_3.xsd web-ap ...

  4. EL表达式在JS中取出来打印[object HTMLDivElement]的问题

    今天做项目的时候,要在JS中获取请求参数中的 值,想直接用 ${param.tabName}获取,结果console.debug()打印出来,居然是  [object HTMLDivElement] ...

  5. EL表达式的js函数传参问题

    <!Doctype html> <html> <head> <title>js的传参问题</title> <script type=& ...

  6. [javaEE] EL表达式调用java方法

    1.新建个类,类里面定义静态方法 package com.tsh.utils; import java.net.URLEncoder; public class ELFunc { public sta ...

  7. 使用EL表达式调用java方法

    首先,新建一个类,类中写一个静态方法 public class PrivilegeUtils { public static Boolean checkPrivilegeByName(User use ...

  8. js文件中使用EL表达式的问题

    var str = '${str}' ; var str = '${obj.属性名}'; 只可以再jsp页面的<script></script>中使用,外部引入的js文件中不能 ...

  9. 【JavaWeb】EL表达式&过滤器&监听器

    EL表达式和JSTL EL表达式 EL表达式概述 基本概念 EL表达式,全称是Expression Language.意为表达式语言.它是Servlet规范中的一部分,是JSP2.0规范加入的内容.其 ...

随机推荐

  1. Helm - Kubernetes包管理专家

    What is Helm? - The package manager for kubernetes, Helm is the best way to find, share, and use sof ...

  2. 常用 GDB 命令中文速览

    转自:https://linux.cn/article-8900-1.html?utm_source=index&utm_medium=moremore 目录 break -- 在指定的行或函 ...

  3. 【bzoj2423】最长公共子序列[HAOI2010](dp)

    题目传送门:http://www.lydsy.com/JudgeOnline/problem.php?id=2423 题目大意:求两个字符串的最长公共子序列长度和最长公共子序列个数. 这道题的话,对于 ...

  4. 泛型学习第一天:List与IList的区别 (二)

    原文: 探讨Ilist<>与List<> 首先要了解一点的是关于接口的基础知识: 接口不能直接实例化但是接口派生出来的抽象类可以实例化所有派生出来的抽象类都可以强制转换成接口的 ...

  5. 描述一下你最常用的编程风格---JAVA

    描述一下你最常用的编程风格---JAVA     描述一下你最常用的编程风格---JAVA   (1)类名首字母应该大写.字段.方法以及对象(句柄)的首字母应小写.对于所有标识符,其中包含的所有单词都 ...

  6. UVA 11186 Circum Triangle (枚举三角形优化)(转)

    题意:圆上有n个点,求出这n个点组成的所有三角形的面积之和 题解: 当我们要求出S(i,j,k)时,我们需要假设k在j的左侧,k在i与j之间,k在i的右侧. 如果k在 j的左侧  那么 S(i,j,k ...

  7. 执行安装redis报错undefined reference to `__sync_add_and_fetch_4'

    执行make命令时报错:   zmalloc.o: In function `zmalloc_used_memory': /var/lib/tcommsvr/redis-2.8.0-rc4/src/z ...

  8. poj2396有源汇上下界可行流

    题意:给一些约束条件,要求算能否有可行流,ps:刚开始输入的是每一列和,那么就建一条上下界相同的边,这样满流的时候就一定能保证流量相同了,还有0是该列(行)对另一行每个点都要满足约束条件 解法:先按无 ...

  9. Android Studio开发技巧

    为了android更有效率的开发,总结学习android集成开发环境(android studio1.3为例) android studio 1-打印log及配置ec快捷键 2-代码提示及移动快捷键 ...

  10. android自定义日期组件之双DatePicker

    1.效果图(两个DatePicker放在一起,同时选择起始与结束时间): 2.实现 2.1布局文件: <?xml version="1.0" encoding="u ...