📄 index.jsp
字号:
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
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 'index.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">
-->
</head>
<script src='<%=request.getContextPath()%>/dwr/interface/TestDao.js'></script>
<script src='<%=request.getContextPath()%>/dwr/interface/springDAO.js'></script>
<script src='<%=request.getContextPath()%>/dwr/engine.js'></script>
<script src='<%=request.getContextPath()%>/dwr/util.js'></script>
<script>
function calla(){
alert(myform.bigclassname.value);
TestDao.a(myform.bigclassname.value,callaback);
}
function callaback(data){
alert("the return value is " + data);
}
////////////////////////////////////////////////////////////////////////////
function callb(){
TestDao.b(callbback);
}
function callbback(data){
//其中data接收方法的返回值
//对于JavaBean返回值，有两种方式处理
//不知道属性名称时，使用如下方法
for(var property in data){
//alert("property:"+property);
alert(property+":"+data[property]);
}
//知道属性名称时，使用如下方法
alert(data.username);
alert(data.pwd);
}
////////////////////////////////////////////////////////////////////////////
function callc(){
var data;
//构造参数，date实际上是一个object
data = { username:"四裤全输", pwd:"整个地球" }
TestDao.c(data,callcback);
}
function callcback(data){
alert("test");
}
////////////////////////////////////////////////////////////////////////////
function calld(){
alert(4);
TestDao.d(calldback);
}
function calldback(data){
for(var property in data){
for(var p in data[property]){
alert("data"+data[property][p]);
}
}
}
////////////////////////////////////////////////////////////////////////////
function calle(){
//定义要传到java方法中的参数
var dataa;
//构造参数，date实际上是一个object数组，即数组的每个元素均为object
dataa = [{username:"日本猪",pwd:"password2"},{username:"中国人",pwd:" password2"}];
TestDao.e(dataa);
}
////////////////////////////////////////////////////////////////////////////
function callf(){
TestDao.f(callfback);
}
function callfback(user){
DWRUtil.removeAllRows("tablea");
DWRUtil.addRows(
"tablea",
user,
[
function(item){
return item.pwd
},
function(item){
return item.username
}
]
);
}
////////////////////////////////////////////////////////////////////////////
function callg(){
alert('hehehe');
springDAO.g("in....",callgback);
springDAO
}
function callgback(data){
alert("the return value is " + data);
}
</script>
<body>
<form name="myform">
<input type="text" name="id" />
<input type="text" name="bigclassname" /><br><br><br>
<input type="button" value="测普通传值并返回值" onclick="javascript:calla()" />
<br>
<input type="button" value="测DAO方法的返回值为javaBean"
onclick="javascript:callb()" />
<br>
<input type="button" value="测DAO方法的参数为javabean"
onclick="javascript:callc()" />
<br>
<input type="button" value="测DAO方法的返回值为List"
onclick="javascript:calld()" />
<br>
<input type="button" value="测DAO方法的参数为List"
onclick="javascript:calle()" />
<br>
<input type="button" value="测DAO方法的返回结果集" onclick="javascript:callf()" />
<br>
<input type="button" value="测试spring" onclick="javascript:callg()" />
</form>
<table width="75%" border="1" align="center" cellpadding="1" cellspacing="1">
<tbody id="tablea">
<tr align="center">
<td width="53%">
test1
</td>
<td width="31%">
test2
</td>
</tr>
</tbody>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -