queryExpress.jsp
3.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">
<!-- jsp文件头和头部 -->
<%@ include file="../index/top.jsp"%>
</head>
<body class="no-skin">
<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
<!-- /section:basics/sidebar -->
<div class="main-content">
<div class="main-content-inner">
<div class="page-content">
<div class="row">
<div class="col-xs-12">
<br/>
<div style="float: left;margin-top: 5px;">
<span class="input-icon">
<input type="text" id="expressNumber" title="请输入快递单号" placeholder="请输入快递单号" style="width:300px;">
<i class="ace-icon fa fa-edit"></i>
</span>
</div>
<div>
<a class="btn btn-mini btn-success" onclick="queryExpress();" style="margin-top: 6px;">查询</a>
</div>
<br/>
</div>
<!-- /.col -->
<div style="margin-top: 13px;padding-top: 20px;">
<table id="table_report" class="table table-striped table-bordered table-hover">
<tr>
<th class="center" colspan="2">物流跟踪记录</th>
</tr>
</table>
<table class="table table-striped table-bordered table-hover">
<tr>
<td>代码中接口类路径：src\com\fh\util\express\GetExpressMsg.java (配置APP_KEY和APP_SECRET)</td>
</tr>
<tr>
<td>接口调用需要费用,阿里云充值：<a href="https://market.aliyun.com/products/57126001/cmapi011120.html#sku=yuncode512000008" target="_back">https://market.aliyun.com/products/57126001/cmapi011120.html#sku=yuncode512000008</a></td>
</tr>
</table>
<div id="zhongxin" class="center" style="display: none;"><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green"></h4></div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.page-content -->
</div>
</div>
<!-- /.main-content -->
<!-- 返回顶部 -->
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div>
<!-- /.main-container -->
<!-- basic scripts -->
<!-- 页面底部js¨ -->
<%@ include file="../index/foot.jsp"%>
<!-- ace scripts -->
<script src="static/ace/js/ace/ace.js"></script>
<script type="text/javascript">
$(top.hangge());
function queryExpress(){
$("#zhongxin").show();
$("#table_report").html('<tr><th class="center" colspan="2">物流跟踪记录</th></tr>');
var number = $("#expressNumber").val();
$.ajax({
type: "POST",
url: '<%=basePath%>tool/queryWuliujilu.do?tm='+new Date().getTime(),
data: {number:number},
dataType:'json',
//beforeSend: validateData,
cache: false,
success: function(data){
$("#zhongxin").hide();
if("ok" == data.msg){
var item = jQuery.parseJSON(data.value);
if("ok" == item.msg){
$.each(item.result.list, function(i, list){
$("#table_report").append('<tr><td width="200" class="center">'+list.time+'</td><td>'+list.status+'</td></tr>');
});
}else{
$("#table_report").append('<td class="center" colspan="2">'+item.msg+'</td>');
}
}else{
$("#table_report").append('<td class="center" colspan="2">没有查询到记录</td>');
}
$("#zhongxin").hide();
}
});
}
</script>
</body>
</html>