订单展示

master
istars 7 years ago
parent 7739ca8596
commit bfc4cf0e7c

@ -1,58 +0,0 @@
var xmlHttp = null;//声明XMLHttpRequest
// 创建XMLHttpRequest对象
function createXMLHttpRequest() {
// 已创建XMLHttpRequest对象直接返回
if (xmlHttp != null)
return;
// 检测浏览器针对(FireFox、Chrome、Safari、Opera与IE7+)是否支持直接创建XMLHttpRequest
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
// 检测否是IE浏览器
} else if (window.ActiveXObject) {
try {
// IE6
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
// IE5
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
}
//发送请求
function sendRequest(){
// 创建异步发送请求对象
createXMLHttpRequest();
//非0、非null、true表示真
if (!xmlHttp){
alert("XMLHttpRequest对象创建失败!!");
return;
}
var str = document.getElementById("txtMessage").value;
/*GET
//初始化请求
xmlHttp.open("GET","AjaxMessageServlet?message="+str,true);
//设置回调函数
xmlHttp.onreadystatechange=showMessage;
xmlHttp.send(null);*/
//Post方式发送请求
xmlHttp.open("POST","AjaxMessageServlet",true);
xmlHttp.onreadystatechange=showMessage;
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//设置编码方式
xmlHttp.send("message="+str);
}
//回调函数
function showMessage(){
//判断就绪状态和响应状态码是否符合要求
if(xmlHttp.readyState==4&&xmlHttp.status==200) {
var result = xmlHttp.responseText;//接收服务器响应的文本
document.getElementById("myspan").innerHTL = result;
}
}

@ -7,7 +7,46 @@
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>
<link href="style.css" rel="stylesheet" type="text/css"/>
<!--<link href="orderliststyle.css" rel="stylesheet" type="text/css"/>-->
<script type="text/javascript">
window.onload(function requestData(){
$.ajax({
url: "/orderlist",
type: "post",
dataType: "json",
success: function(data){
/*这个方法里是ajax发送请求成功之后执行的代码*/
showData(data);//我们仅做数据展示
},
error: function(msg){
alert("ajax连接异常"+msg);
}
});
});
//展示数据
function showData(data) {
var str = "";//定义用于拼接的字符串
for (var i = 0; i < data.length; i++) {
str = " <a href=\"javascript:;\" class=\"aui-list-item\">\n" +
" <div class=\"aui-right-top\"> </div>\n" +
" <div class=\"aui-list-head\">"+data[i].checkNum+"</div>\n" +
" <div class=\"aui-flex\">\n" +
" <div class=\"aui-flex-box\">\n" +
" <h4>"+data[i].checkNum+"</h4>\n" +
" \n" +
" </div>\n" +
" <div class=\"aui-text-time\"> </div>\n" +
" <div class=\"aui-button-get\">\n" +
" <button>详情</button>\n" +
" </div>\n" +
" </div>\n" +
" <div class=\"aui-dotted\"> </div>\n" +
" </a>"
//追加到table中
$("#orderlist").append(str); }
}
</script>
</head>
<body>
@ -37,7 +76,7 @@
<div class="aui-pri-button"> </div>
</div>
</div>
<div class="aui-list-box">
<div class="aui-list-box" id="orderlist">
<a href="javascript:;" class="aui-list-item">
<div class="aui-right-top"> </div>
<div class="aui-list-head">订单1</div>

@ -0,0 +1,53 @@
// var xmlHttp = null;//声明XMLHttpRequest
//
// // 创建XMLHttpRequest对象
// function createXMLHttpRequest() {
// // 已创建XMLHttpRequest对象直接返回
// if (xmlHttp != null)
// return;
// // 检测浏览器针对(FireFox、Chrome、Safari、Opera与IE7+)是否支持直接创建XMLHttpRequest
// if (window.XMLHttpRequest) {
// xmlHttp = new XMLHttpRequest();
// // 检测否是IE浏览器
// } else if (window.ActiveXObject) {
// try {
// // IE6
// xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
// } catch (e) {
// // IE5
// xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
// }
// }
// }
//
//
// //发送请求
// function sendRequest(){
// // 创建异步发送请求对象
// createXMLHttpRequest();
// //非0、非null、true表示真
// if (!xmlHttp){
// alert("XMLHttpRequest对象创建失败!!");
// return;
// }
// var str = document.getElementById("txtMessage").value;
//
//
// //Post方式发送请求
// xmlHttp.open("POST","AjaxMessageServlet",true);
// xmlHttp.onreadystatechange=showMessage;
// xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//设置编码方式
// xmlHttp.send("message="+str);
// }
//
//
// //回调函数
// function showMessage(){
// //判断就绪状态和响应状态码是否符合要求
// if(xmlHttp.readyState==4&&xmlHttp.status==200) {
// var result = xmlHttp.responseText;//接收服务器响应的文本
//
// document.getElementById("myspan").innerHTL = result;
// }
// }

@ -10,6 +10,9 @@ public interface auditMapper {
@Select("select * from audit where checkNum = #{checkNum}")
public Audit selectAudioByCheckNum(long checkNum);
@Select("select * from audit where userNum = #{userNum}")
public List<Audit> selectAudioByUserNum(long userNum);
@Select("select * from audit")
public List<Audit> select();

Loading…
Cancel
Save