?? 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 + -