<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>快递查询</title>
<script src="jquery-1.12.3.min.js"></script>
</head>
<body>
快递单号：<br><input type="text" id="kddh"><br>
快递公司：<br><input type="text" id="kdgs"><br>
<br><button onclick="tijiao()">查询</button>
<div class="kdxx"></div>
<script>
function tijiao(){
var expressNumber=document.getElementById('kddh').value;
var expressType=document.getElementById('kdgs').value;
// console.log(expressNumber);
console.log('haha');
var apiKey = 'BrX5C6q3261b57e8041aeb0f77bb0ee29023377e8620309'
$.ajax({
// url:"https://api.apishop.net/common/express/getExpressInfo",
url:"kuaidi.json",
type: "get",
data: {
'apiKey': apiKey,
'expressNumber': expressNumber,
'expressType': expressType,
},
dataType: "json",
success: function(res) {
var temp = '';
var day;
console.log(res.result);
var list = res.result;
console.log(list.deliverystatus);
console.log(typeof(list.deliverystatus));
//1202516745301
switch (parseInt(list.deliverystatus)) {
case 1:
temp = '<p>' + '你的快递在途中' + '</p>';
break;
case 2:
temp = '<p>' + '你的快递派件中' + '</p>';
break;
case 3:
temp = '<p>' + '你的快递已经签收' + '</p>';
break;
case 4:
temp = '<p>' + '你的快递派件失败' + '</p>';
break;
}
// console.log(temp);
//快递的运输途中的位置
var kdzxlist=res.result.list;
for(var i=0;i<kdzxlist.length;i++){
console.log(kdzxlist[i]);
temp+= '<p>' + kdzxlist[i].status + '</p>'+'<p>' + kdzxlist[i].time+ '</p>'
}
temp+= '<p>' + '你的快递公司是' + res.result.type+'</p>';
temp+= '<p>' + '你的快递单号是' + res.result.number+'</p>';
console.log(temp);
$('.kdxx').append(temp);
// for (var $i = 0; $i < list.length; $i++) {
// temp +=
// '<tr>' +
// '<td>' + list[$i].id + '</td>' +
// '<td>' + list[$i].content + '</td>' +
// '<td>' + list[$i].updateTime + '</td>' +
// '</tr>';
// }
// console.log(temp);
// $('#biaoge').append(temp);
// alert("操作成功")
// $('#biaoge').append(
// '<tr>' + '你好世界' + '</tr>'
// )
// $('#xh').html(res.result[0].id);
// $('#content').html(res.result[0].content);
// $('#gxsj').html(res.result[0].updateTime);
// for(i=0;i<res.result.length;i++){
// $('#xh').html(res.result[i].id);
// $('#content').html(res.result[i].content);
// $('#gxsj').html(res.result[i].updateTime);
// }
},
error: function(res) {
alert("操作失败")
}
});
}
</script>
</body>
</html>
|