w8700569
- 浏览: 200684 次
- 性别:
- 来自: 武汉
-
文章分类
最新评论
-
weituotian：
这个楼主热心肠，看得简单明了
HttpServletRequest地址获取 -
u011701322：
...
Jquery UI sortable 所有事件 -
CoderDream：
Mark!
jquery ajax post 传递数组 ，多checkbox 取值 -
maomao14：
楼主写的不错，感谢分享，最近我在 http://gotoma ...
jquery ajax post 传递数组 ，多checkbox 取值
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/share.jsp"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'show.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type='text/javascript'
src='${path}/dwr/interface/stuService.js'></script>
<script type='text/javascript' src='${path }/dwr/engine.js'></script>
<script type='text/javascript' src='${path }/dwr/util.js'></script>
<script type="text/javascript">
var page=1;
var pageCount=0;
var firstHref="";
var previousHref="";
var nextHref="";
var lastHref="";
var stuPage="";
function isPage(){
firstHref="javascript:getAllByPage("+1+")";
previousHref="javascript:getAllByPage("+ (page-1) +")";
nextHref="javascript:getAllByPage("+ (page+1) +")";
lastHref="javascript:getAllByPage("+pageCount+")";
if(page==1){
stuPage="首页 上一页 <a href='"+nextHref+"'>下一页</a> <a href='"+lastHref+"'>尾页</a>";
}
else if(page==pageCount){
stuPage="<a href='"+firstHref+"'>首页</a> <a href='"+previousHref+"'>上一页</a> 下一页 尾页";
}
else if(page==1&&page==pageCount){
stuPage="首页 上一页 下一页 尾页";
}else{
stuPage="<a href='"+firstHref+"'>首页</a> <a href='"+previousHref+"'>上一页</a> <a href='"+nextHref+"'>下一页</a> <a href='"+lastHref+"'>尾页</a>";
}
document.getElementById("page").innerHTML=stuPage;
}
function getAll(){
stuService.getAll(page,setAll);
}
function getAllByPage(pageNum){
page=pageNum;
stuService.getAll(pageNum,setAll);
}
function setAll(stuList){
DWRUtil.removeAllRows("student");
DWRUtil.addRows("student",stuList,items);
stuService.getPageCount(page,getPage);
}
function deleteStu(stuId){
stuService.deleteStu(stuId);
getAll();
}
function getPage(stuPage){
page=stuPage.currentPage;
pageCount=stuPage.pageCount;
isPage();
}
var items=[
function(item){return item.stuId},
function(item){return item.stuName},
function(item){return item.stuAge},
function(item){return item.stuClass},
function(item){
var stuDelete = document.createElement("a");
stuDelete.innerHTML = "删除";
stuDelete.href="javascript:deleteStu("+item.stuId+")";
return stuDelete;
},
function(item){
var stuUpdate = document.createElement("a");
stuUpdate.innerHTML = "修改";
stuUpdate.href="javascript:toUpdateStu("+item.stuId+")";
return stuUpdate;
}
];
function toUpdateStu(stuId){
stuService.getById(stuId,setStu);
}
function setStu(student){
document.getElementById("stuId").value=student.stuId;
document.getElementById("stuName").value=student.stuName;
document.getElementById("stuAge").value=student.stuAge;
document.getElementById("stuClass").value=student.stuClass;
document.getElementById("stuUpdate").disabled=false;
document.getElementById("stuAdd").disabled=true;
}
function stuUpdate(stuId,stuName,stuAge,stuClass){
if(stuValidate(stuName,stuAge,stuClass)){
return;
}
stuService.update(stuId,stuName,stuAge,stuClass);
reset();
getAllByPage(page);
}
function add(stuName,stuAge,stuClass){
if(stuValidate(stuName,stuAge,stuClass)){
return;
}
stuService.add(stuName,stuAge,stuClass);
reset();
getAllByPage(page);
}
function reset(){
document.getElementById("stuId").value="";
document.getElementById("stuName").value="";
document.getElementById("stuAge").value="";
document.getElementById("stuClass").value="";
document.getElementById("stuUpdate").disabled=true;
document.getElementById("stuAdd").disabled=false;
}
function stuValidate(stuName,stuAge,stuClass){
var re=/^[1-9][0-4]?[0-9]?$/;
if(stuName==""){
alert("学员姓名不能为空！");
return true;
}
if(!re.test(stuAge)){
alert("学员年龄格式不正确！");
return true;
}
if(stuClass==""){
alert("学员所属班级不能为空！");
return true;
}
return false;
}
window.onload=getAll;
</script>
</head>
<body>
<table border="1" align="center">
<thead>
<tr>
<th>
学员编号
</th>
<th>
学员姓名
</th>
<th>
学员年龄
</th>
<th>
学员班级
</th>
<th>
</th>
<th>
</th>
</tr>
</thead>
<tbody id="student" align="center"></tbody>
</table>
<br>
<div align="center" id="page">
</div>
<br>
<br>
<div align="center">
学生信息操作
</div>
<div align="center" id="student">
学生编号:
<input type="text" id="stuId" readonly="readonly">
<br>
学生姓名:
<input type="text" id="stuName">
<br>
学生年龄:
<input type="text" id="stuAge">
<br>
所属班级:
<input type="text" id="stuClass">
<br>
<br>
<input type="submit" onclick="add(stuName.value,stuAge.value,stuClass.value)" id="stuAdd" value="添加">
<input type="submit" onclick="stuUpdate(stuId.value,stuName.value,stuAge.value,stuClass.value)" id="stuUpdate" disabled="disabled" value="修改">
<input type="button" onclick="reset()" id="stuReset" value="重置">
</div>
</body>
</html>
分享到：
发表评论
-
Jquery UI dialog 内无法操作问题 zIndex
2013-10-11 15:05 5028由于Jquery UI dialog 的弹出窗口默认z-i ... -
jquery ajax post 传递数组 ，多checkbox 取值
2013-10-10 16:35 22718使用$.each(function(){});可以得到ch ... -
前端经常需要使用到的replace
2013-04-18 16:45 1108content.replace("<&qu ... -
textarea自适应高度
2012-07-05 10:41 0sss -
A标签中通过href和onclick传递的this对象
2012-06-08 10:20 1291在blog的后台管理中允许为一个分类添加一个地址，但是不 ... -
Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) javascript跨域请求
2012-05-22 17:47 2453Component returned failure code ... -
Jquery UI sortable 所有事件
2012-04-05 17:22 30504官方API地址：http://jqueryui.com/dem ... -
使用Jquery 实现scroll to top 效果
2012-03-28 12:50 3831$(document).ready(function(){ ... -
解决IE6浏览器下position:fixed 固定定位问题 底部
2012-03-28 12:44 1140像你所遇到的问题一样， IE6浏览器有太多的bug让制作网页的 ... -
怎么使用Sticky Footer代码(让页脚紧贴页面底部的方法)
2012-03-23 20:54 1428<!DOCTYPE html PUBLIC " ... -
JS+CSS简单实现DIV遮罩层显示隐藏【转】
2012-02-07 14:04 2727<!DOCTYPE html PUBLIC " ... -
css+div+jquery弹出层
2012-02-07 11:59 6806/**弹出层 开始*/ .show_m_div { ... -
input 和 img 图片对齐
2011-12-16 10:35 1030验证码：<input size="5&q ... -
Jquery 获取 radio选中值 20111215【转】
2011-12-15 15:49 6638随着Jquery的作用越来 ... -
用Jquery小试Ajax
2011-11-30 11:07 843$.ajax({ type: "PO ... -
使用Jquery 加载页面时调用JS
2011-10-21 10:33 1201一般的加载页面时调用js方法如下： window. ... -
IE6下window.location.href 不能正常跳转
2011-10-20 15:54 6087由于最近Chrome用的比较多，一般都是在用Chrome做测试 ... -
javascript获取隐藏dom的宽高【转】
2011-10-20 11:08 1018一个隐藏的DOM是获取不到宽高的，如果想要获取，采用下面 ... -
IE6中无法引用Css样式的问题
2011-10-11 10:24 850问题症状： 1、<link href="css ... -
Javascript中window.open target 跳转
2011-09-23 16:09 1584target="_parent" ...
相关推荐
1、 导入dwr.jar包 2、 在web.xml中配置dwr,如下： <!-- 配置DWR --> <servlet-name>dwr-invoker org.directwebremoting.servlet.DwrServlet <init-param> <param-name>debug</param-name> ...
DWR.xml配置文件说明书 1、 建立dwr.xml 配置文件 任何一个dwr.xml的文件都需要包含DWR DOCTYPE的声明行，格式如下： <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" ...
该示例资源主要解决如下两个问题，其一就是解决SpringBoot集成DWR3.0.2-RELEASE版本，无配置文件快速简洁完成集成工作，省去dwr.xml等DWR框架初始化需要的配置文件；其二就是解决了集成后的SpringBoot项目在开发环境...
dwr包.rar dwr.jar engine.js util.js dwr-noncla.jar readme.txt JAR File: dwr.jar (1.08Mb) To DWR enable your web-app WAR File: dwr.war (4.62Mb) Demos/Examples of what DWR can do Sources: dwr-...
DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java...
dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架
本实例是在一些网络资料的基础上整合出来的一个：以后台向前台页面推送消息的一个完整实例工程，采用了spring、dwr反转，实现的是后台向前台不断推送消息，并管理相关用户退出；可以用在如定时任务的桌面消息提醒之...
DWR初学者专题，有详细笔记。 DWR很轻松就学会。 取得dwr的dwr.jar包和其他dwr所需的其他jar包 web.xml dwr.xml 任何一个dwr.xml的文件都需要包含DWR DOCTYPE的声明行，。。 有几个术语有必要理解,参数叫做...
dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;
本书可以当作一本 DWR 完整的教程，也可以当作一本详细介绍 DWR 的“词典”，我 的目的只是通过本书，希望您能够了解一些 DWR 的基本知识、常用的用户界面组件、远程 方法调用等。并能够搭建 DWR 开发环境，实现 DWR...
dwr中文文档dwr中文文档dwr中文文档dwr中文文档dwr中文文档dwr中文文档dwr中文文档
<dwr> </dwr> 标签中包括可以暴露给javascript访问的东西。 标签中指定javascript中可以访问的java类，并定义DWR应当如何获得要进行远程的类的实例。creator="new"属性指定java类实例的生成...
DWR的中文官方文档,以及V0.9的文档一共两份 在网站不容易找到合适的说明.这个包里是整合网站的dwr所有帮助信息下载下来的,因为时间缘故没有及时做成电子文档,希望有时间了在做一份. 如果还是看着不方便建议到...
DWR中文文档DWR中文文档DWR中文文档DWR中文文档DWR中文文档
DWR是一个Java开源库，帮助你实现Ajax网站。 它可以让你在浏览器中的Javascript代码调用Web服务器上的Java，就像在Java代码就在浏览器中一样。 DWR主要包括两部分： 在服务器上运行的Servlet来处理请求并把结果...
dwr 正版教程 第1章. DWR入门 1.1 简介 DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码，就像在Java代码就在浏览器中一样。 DWR包含2个主要...
DWR（Direct Web Remoting）是一个web远程调用框架，利用这个框架可以让AJAX变得很简单，通过DWR可以在客户端通过JavaScript直接调用服务器的Java方法并返回值给JavaScript，整个过程就好像通过本地客户端调用一样，...
dwr20.dtd
dwr笔记 dwr自学资料 dwr笔记 dwr自学资料 dwr笔记 dwr自学资料
DWR是是关于开发web2.0网站实现动态交互性，增强用户体验度的一个Ajax框架技术，本文档共10章，其内容依次为:第1章.DWR入门，含3小节;第2章.web.xml配置，含6小节;第3章.dwr.xml配置，含4小节;第4章.整合，含8小节;...