使用jquery实现快递单号查询

<!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));//1202516745301switch (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>

使用jquery实现快递单号查询相关推荐

快递接口API：用JS调用快递鸟API接口进行快递单号查询
本文实例为大家分享了JS调用快递鸟API接口,来实现600多家的物流轨迹查询,完成快递单号查询的具体代码,供大家参考,具体内容如下只需要一步,新建一个Text文本,把下面这段代码复制进去,替换你自己 ...
顺丰快递单号的规律_顺丰快递单号查询跟踪（单号码查询）
顺丰快递单号查询入口顺丰速运(集团)有限公司(以下简称顺丰)是一家成立于1993年3月的港资速运企业,主要经营国际.国内快递及报关.报检.保险等业务,为广大客户提供快速.安全.优质的服务.长期以来, ...
顺丰快递单号的规律_顺丰速运顺丰快递单号查询大全
如何一键查询快递单号顺丰快递单号查询跟踪,鸡蛋是我们日常生活当中最为常见的一种食材啦,相信在每一个家庭当中每天都会吃到鸡蛋,因为鸡蛋的营养价值非常高,它含有丰富的蛋白质,可以为我们身体提供能量,别看 ...
Python实现圆通快递单号查询官方接口教程
此系列为代码语言与各大常用快递公司的接口教程,供各位程序员学习参考,后续我将会继续分享各语言的快递单号查询接口教程,敬请关注. 下面我们来说下具体操作过程,如何用Python实现圆通快递单号查询. 一 ...
快速免费对接快递鸟圆通快递单号查询api接口
快递查询API接口是使用的物流单号即可实现查询物流信息.主要应用在电商商城.ERP系统商.WMS系统商.快递柜.银行等企业.多家快递物流公司接口统一接入,建议对接接口提供商,一次性可以接入多家快递,在 ...
国内主流物流公司常用快递单号查询API接口全攻略
此接口支持***顺丰.EMS.申通.圆通.韵达.汇通.中通.天天.德邦.极兔.京东.全峰***等主流快递公司目的便于用户理解快递单号查询接口作用并正确应用到实际场景. 接口作用轨迹类接口包含:即 ...
快递单号查询免费api接口（PHP示例）
快递单号查询API,可以对接顺丰快递查询,邮政快递查询,中通快递查询等.这些快递物流企业,提供了快递单号自动识别接口,快递单号查询接口等快递物流服务.对于电商企业,ERP服务企业,集成此接口到自己的软 ...
模拟京东快递单号查询案例2020/11/24
模拟京东快递单号查询案例快递单号输入内容时, 上面的大号字体盒子(con)显示(这里面的字号更大) 表单检测用户输入: 给表单添加键盘事件同时把快递单号里面的值(value)获取过来赋值给 con ...
输入快递单号查询不到物流怎么办
在查询快递物流的时候,我们可能会遇到这样或者那样的问题,比如输入快递单号却查不到物流,对于这种情况,该怎么办呢?下面随小编一起来学习一下. 一般情况下,查不到物流有这几种情况: 单号或者快递公司错误, ...

使用jquery实现快递单号查询

使用jquery实现快递单号查询相关推荐

最新文章

热门文章