📄 sample11_2.jsp
字号:
<%@ page contentType="text/html; charset=gb2312" errorPage="" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ajax开发详解--Ch12--试用DWR</title>
<script language="javascript" src="/ajaxlab/dwr/interface/CatalogDAO.js"></script>
<script language="javascript" src='/ajaxlab/dwr/engine.js'></script>
<script language="javascript" src='/ajaxlab/dwr/util.js'></script>
<script language="javascript">
function doSearch() {
var item_id = document.form1.item_id.value;
if(item_id!="") CatalogDAO.getItem(item_id,showItem);
else document.getElementById("item_detail").innerHTML = "请输入产品编号。";
}
function showItem(data) {
var element = $("item_detail");
var str = "";
str = "<table width='600' cellspacing='0' cellpadding='4' border='1'>";
str = str + "<caption>产品信息</caption>";
str = str + "<thead><td width='100'>编号</td><td width='100'>名称</td><td width='100'>价格</td><td width='300'>描述</td></thead>\r\n";
str = str + "<tbody><td width='100'>"+data.id+"</td><td width='100'>"+data.name+"</td><td width='100'>"+data.formattedPrice+"</td><td width='300'>"+data.description+"</td></tbody>\r\n";
str = str + "</table>";
element.innerHTML = str;
}
function doList() {
CatalogDAO.findItems("中国制造。",showList);
}
function showList(data) {
var root = $("item_list");
var str = "<table width='600' cellspacing='0' cellpadding='4' border='1'>";
str = str + "<caption>全部产品</caption>";
str = str + "<thead><td width='100'>编号</td><td width='200'>名称</td><td width='100'>价格</td><td width='200'>描述</td></thead>\r\n";
str = str + "<tbody>\r\n";
for(var i=0;i<data.length;i++) {
str = str + "<thead><td width='100'>"+data[i].id+"</td><td width='200'>"+data[i].name+"</td><td width='100'>"+data[i].formattedPrice+"</td><td width='200'>"+data[i].description+"</td></thead>\r\n";
}
str = str + "</tbody></table>";
root.innerHTML = str;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<table width="400" border="0" cellpadding="0">
<tr>
<td height="25">
关键字：<input name="item_id" type="text" id="item_id">
<input name="Search" type="button" id="Search" value="搜索" onClick="doSearch()"> <br>
产品描述：<input name="item_description" type="text" id="item_description">
<input name="List" type="button" id="List" value=" 产品列表 " onClick="doList()"><br>
<span id="item_detail"></span><br>
<span id="item_list"></span>
</td>
</tr>
</table>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -