📄 orderinfo.jsp
字号:
<%@ page language="java" pageEncoding="GBK" session="false"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>订单信息</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="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<SCRIPT LANGUAGE="JavaScript" type="text/javaScript" src="js/json2.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" type="text/javaScript">
<!--
var xmlHttp = false; //XMLHttpRequest对象
function createXMLHttpRequest()
{ //创建XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla(Firefox)
xmlHttp = new XMLHttpRequest();
if (xmlHttp.overrideMimeType) {
xmlHttp.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) { //Internet Explorer
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!(xmlHttp)) {
window.alert("创建 XMLHttpRequest对象 异常！请检查浏览器及其设置。");
}
}
function checkCode(codeObj)
{ //检验商品编码是否存在
var code = codeObj.value;
if((!code) || (code.length < 1)) return;
createXMLHttpRequest();
xmlHttp.onreadystatechange = function () {
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{ //信息已经成功返回，开始处理信息
var jsonObj = eval("(" + xmlHttp.responseText + ")"); //获取Json信息
var rtnCode = jsonObj.rtnCode; //获取返回信息的编码
if(rtnCode != "0000")
{ //编码不等于"0000"，说明录入的商品编码不正确
window.alert(jsonObj.rtnMsg);
codeObj.value = "";
codeObj.focus();
}
}
}
};
var url = "<%=request.getContextPath()%>/servlet/JSONServlet?type=checkCode&code=" + code;
//URL信息需要获取request的上下文，否则无法找到指定的servlet
xmlHttp.open("GET", url, true); //以异步方式传递信息
xmlHttp.send(null);
}
function cfm()
{ //将用户录入的订单信息放入table中
var frmObj = document.frmJson; //根据form名获取form对象
var tbObj = document.getElementById("comdtyInfo"); //根据id获取table对象
var newRow = tbObj.insertRow(-1); //在table最后添加一行
newRow.insertCell(0).innerText = tbObj.rows.length - 1; //设置每行的编号
newRow.insertCell(1).innerText = frmObj.comdtyCode.value; //商品编码
newRow.insertCell(2).innerText = frmObj.comdtyNum.value; //订购数量
cnl();
}
function cnl()
{ //“取消”按钮的操作
var frmObj = document.frmJson; //根据form名获取form对象
frmObj.comdtyCode.value = "";
frmObj.comdtyNum.value = "";
}
function comdty(comdtyCode, comdtyNum)
{ //商品信息类
this.comdtyCode = comdtyCode;
this.comdtyNum = comdtyNum;
}
function save()
{ //将整张订单保存
var frmObj = document.frmJson; //根据form名获取form对象
var tbObj = document.getElementById("comdtyInfo"); //根据id获取table对象
var comdtyAry = new Array(); //记录商品信息的数组
for(var i=1; i<tbObj.rows.length; i++)
{
var comdtyCode = tbObj.rows[i].cells(1).innerText; //商品编码
var comdtyNum = tbObj.rows[i].cells(2).innerText; //商品数量
comdtyAry[comdtyAry.length] = new comdty(comdtyCode, comdtyNum);
}
frmObj.comdtyList.value = JSON.stringify(comdtyAry);
frmObj.submit();
}
//-->
</SCRIPT>
</head>
<body>
<form name="frmJson" method="post" action="<%=request.getContextPath()%>/servlet/JSONServlet?type=save">
<input type="hidden" name="comdtyList">
<table width="600" align="center" border="1" cellspacing="0">
<tr>
<td>顾客姓名：</td>
<td><input type="text" name="customerName"></td>
<td>联系电话：</td>
<td><input type="text" name="phone"></td>
</tr>
<tr>
<td>地址：</td>
<td colspan="3">
<input type="text" name="address" size="60">
</td>
</tr>
<tr>
<td>商品编码：</td>
<td><input type="text" name="comdtyCode" onblur="checkCode(this)"></td>
<td>订购数量：</td>
<td><input type="text" name="comdtyNum"></td>
</tr>
<tr>
<td colspan="4" align="center">
<input type="button" value="确定" onclick="cfm()">
<input type="button" value="取消" onclick="cnl()">
</td>
</tr>
</table>
<table width="600" align="center" border="1" cellspacing="0" id="comdtyInfo">
<tr>
<th>编号</th>
<th>商品编码</th>
<th>订购数量</th>
</tr>
</table>
<center>
<input type="button" value="保存" onclick="save()">
</center>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -