口地址:

https://market.aliyun.com/products/56928004/cmapi021863.html?spm=5176.730005.productlist.d_cmapi021863.ebSZX2#sku=yuncode1586300000

1.购买快递接口:

购买后在后台这里可以看到

2.下载并引入layui

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>kuaidiApi</title>
 6     <link rel="stylesheet" href="./layui/css/layui.css">
 7     <script src="./layui/layui.js"></script>
 8 </head>
 9 <body>
10     <div class="layui-container">
11         <div class="layui-row" style="margin-top: 100px;">
12             hongdunren
13         </div>
14     </div>
15 </body>
16 </html>

layui的文档地址:

http://www.layui.com/doc/

3.布好局:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>kuaidiApi</title>
 6     <!--<script src="jquery.js"></script>-->
 7     <link rel="stylesheet" href="./layui/css/layui.css">
 8     <script src="./layui/layui.js"></script>
 9
10
11 </head>
12 <body>
13     <div class="layui-container">
14         <div class="layui-row" style="margin-top: 100px;">
15             <form class="layui-form" action="">
16                 <div class="layui-form-item">
17                     <label class="layui-form-label">快递单号</label>
18                     <div class="layui-input-block">
19                         <input type="text" name="number" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
20                     </div>
21                 </div>
22
23                 <div class="layui-form-item">
24                     <label class="layui-form-label">快递公司</label>
25                     <div class="layui-input-block">
26                         <select name="type" lay-verify="required">
27                             <option value=""></option>
28                             <option value="YUNDA">韵达</option>
29                             <option value="ZTO">中通</option>
30                             <option value="STO">申通</option>
31                             <option value="TTKDEX">天天</option>
32                         </select>
33                     </div>
34                 </div>
35                 <div class="layui-form-item">
36                     <div class="layui-input-block">
37                         <button class="layui-btn" lay-submit lay-filter="formDemo">查询</button>
38                         <button type="reset" class="layui-btn layui-btn-primary">重置</button>
39                     </div>
40                 </div>
41             </form>
42             <div>
43                 <ul class="layui-timeline">
44                     <li class="layui-timeline-item">
45                         <i class="layui-icon layui-timeline-axis"></i>
46                         <div class="layui-timeline-content layui-text">
47                             <h3 class="layui-timeline-title">8月18日</h3>
48                             <p>
49                                 layui 2.0 的一切准备工作似乎都已到位。发布之弦,一触即发。
50                                 <br>不枉近百个日日夜夜与之为伴。因小而大,因弱而强。
51                                 <br>无论它能走多远,抑或如何支撑?至少我曾倾注全心,无怨无悔 <i class="layui-icon"></i>
52                             </p>
53                         </div>
54                     </li>
55                 </ul>
56             </div>
57         </div>
58     </div>
59 </body>
60 <script>
61
62     //Demo
63     layui.use('form', function(){
64         var form = layui.form;
65         var $ = layui.jquery;
66
67         //监听提交
68         form.on('submit(formDemo)', function(data){
69 //                layer.msg(JSON.stringify(data.field));
70             $.post('api.php',data.field,function(res){
71                 console.log(res.number);
72                 console.log(res.type);
73 //                layer.alert(123,{icon:2});
74             },'json');
75             return false;
76         });
77     });
78 </script>
79 </html>

4.新建api.php文件

5.发送post请求

效果:

6.php里向接口请求数据(查询快递单号):

Api.php里的代码:

php请求:

<?php
/*** Created by Haima.* Author:Haima* QQ:228654416* Date: 2018/7/17* Time: 23:43*/$data = $_POST;$host = "https://wuliu.market.alicloudapi.com";//api访问链接$path = "/kdi";//API访问后缀$method = "GET";$appcode = "bba7c5a3f8dc427ea997de6fd1414819";//替换成自己的阿里云appcode$headers = array();array_push($headers, "Authorization:APPCODE " . $appcode);
//    $querys = "no=".$data['number']."&type=".$data['type'];  //参数写在这里$querys = "no=$data[number]&type=$data[type]";  //参数写在这里$bodys = "";$url = $host . $path . "?" . $querys;//url拼接$curl = curl_init();curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);curl_setopt($curl, CURLOPT_URL, $url);curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);curl_setopt($curl, CURLOPT_FAILONERROR, false);curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);curl_setopt($curl, CURLOPT_HEADER, false);if (1 == strpos("$".$host, "https://")){curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);}echo(curl_exec($curl));
?>

快递单号返回的信息:

7.前台ajax里处理:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>kuaidiApi</title>
 6     <!--<script src="jquery.js"></script>-->
 7     <link rel="stylesheet" href="./layui/css/layui.css">
 8     <script src="./layui/layui.js"></script>
 9
10
11 </head>
12 <body>
13     <div class="layui-container">
14         <div class="layui-row" style="margin-top: 100px;">
15             <form class="layui-form" action="">
16                 <div class="layui-form-item">
17                     <label class="layui-form-label">快递单号</label>
18                     <div class="layui-input-block">
19                         <input type="text" name="number" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
20                     </div>
21                 </div>
22                 顺丰单号:821383779152
23                 <div class="layui-form-item">
24                     <label class="layui-form-label">快递公司</label>
25                     <div class="layui-input-block">
26                         <select name="type" lay-verify="required">
27                             <option value=""></option>
28                             <option value="SFEXPRESS">顺丰</option>
29                             <option value="YUNDA">韵达</option>
30                             <option value="ZTO">中通</option>
31                             <option value="STO">申通</option>
32                             <option value="TTKDEX">天天</option>
33                         </select>
34                     </div>
35                 </div>
36                 <div class="layui-form-item">
37                     <div class="layui-input-block">
38                         <button class="layui-btn" lay-submit lay-filter="formDemo">查询</button>
39                         <button type="reset" class="layui-btn layui-btn-primary">重置</button>
40                     </div>
41                 </div>
42             </form>
43             <div id="resultbox">
44                 <ul class="layui-timeline">
45
46                 </ul>
47             </div>
48         </div>
49     </div>
50 </body>
51 <script>
52
53     //Demo
54     layui.use('form', function(){
55         var form = layui.form;
56         var $ = layui.jquery;
57
58         //监听提交
59         form.on('submit(formDemo)', function(data){
60 //                layer.msg(JSON.stringify(data.field));
61             $.post('api.php',data.field,function(res){
62                 var str = '';
63                 if(res.status==0){
64
65                     $.each(res.result.list,function(k,v){
66                         str += ' <li class="layui-timeline-item">\n' +
67                             '                        <i class="layui-icon layui-timeline-axis"></i>\n' +
68                             '                        <div class="layui-timeline-content layui-text">\n' +
69                             '                            <h3 class="layui-timeline-title">'+v.time+'</h3>\n' +
70                             '                            <p>'+v.status+'</p>\n' +
71                             '                        </div>\n' +
72                             '</li>\n';
73                     });
74                     $('#resultbox ul').html(str);
75                     //layer.alert(123,{icon:2});
76                 }
77                 else{
78                     str += ' <li class="layui-timeline-item">\n' +
79                         '                        <i class="layui-icon layui-timeline-axis"></i>\n' +
80                         '                            <div class="layui-timeline-content layui-text">\n' +
81                         '                            <h3 class="layui-timeline-title">错误信息:</h3>\n' +
82                         '                            <p>msg:'+res.status+'</p>\n' +
83                         '                            <p>msg:'+res.msg+'</p>\n' +
84                         '                        </div>\n' +
85                         '</li>\n';
86                     $('#resultbox ul').html(str);
87                 }
88
89             },'json');
90             return false;
91         });
92     });
93 </script>
94 </html>

8.前台效果:

转载于:https://www.cnblogs.com/haima/p/9326703.html

阿里云全国快递物流查询api接口相关推荐

  1. 国内主流快递物流查询API接口测评对比

    • 快递物流查询API接口 快递查询接口是指快递查询网对外开放的应用程序接口,开发人员能够通过调用该接口与快递查询网进行交互,并基于该接口开发自己的快递查询应用程序. • 应用场景 ① 买家物流查询: ...

  2. 从申请到调用:全国快递物流查询 API 使用教程

    引言 面对越来越多的快递需求和快递公司的日益增多,手动查询快递状态的工作变得愈发繁琐.此时,一个全国快递物流查询 API 的出现能够极大地提高查询的效率和准确性,解决人工查询的问题,为用户提供更加便捷 ...

  3. 国内主流常用快递物流查询api接口介绍以及demo分享

    快递查询接口API 快递查询接口是指快递查询网对外开放的应用程序接口,开发人员能够通过调用该接口与快递查询网进行交互,并基于该接口开发自己的快递查询应用程序.目前比较常用的第三方接口有快递鸟.一次性可 ...

  4. APISpace 全球快递物流查询API接口 免费好用

    前言 随着我国电子商务的迅猛发展,物流行业也开始突飞猛进,人们的日常生活越来越离不开快递服务,查快递.寄快递的需求越来越大,随之而来,常用快递接口的需求也越来越大. 全国快递查询接口,支持各大快递公司 ...

  5. 免费常用的快递物流查询api接口介绍

    快递查询接口API 快递查询接口是指快递查询网对外开放的应用程序接口,开发人员能够通过调用该接口与快递查询网进行交互,并基于该接口开发自己的快递查询应用程序.目前比较常用的第三方接口有快递鸟. 应用场 ...

  6. 调用阿里API实现全国快递物流查询

    作者介绍 王梅,女,西安工程大学电子信息学院,2022级研究生 研究方向:机器视觉与人工智能 电子邮件:1095647386@qq.com 王泽宇,男,西安工程大学电子信息学院,2022级研究生,张宏 ...

  7. vue+sass全国快递物流查询

    全国快递物流查询 使用 github:https://github.com/2468901709/searchExpress.git PC-web:https://2468901709.github. ...

  8. 快递鸟查询Api接口使用(PHP版)

    前提 项目开发中,有些需求难免会用到关于快递的一些Api接口:本篇主要介绍的是快递的查询Api及与其他各家的不同之处: 常用的提供快递Api接口的有: 快递鸟 快递100 爱查快递  等等 如大家使用 ...

  9. 全球快递查询-全国快递物流查询-顺丰快递-国内外1500+快递接口-物流信息追踪接口

    一.接口介绍 [支持顺丰!!!全球快递物流查询-物流信息追踪-快递单号查询接口]可根据单号自动识别快递公司,提供同步(实时)查询和异步查询两种方式.支持全球范围内1500多家快递物流公司查询,圆通.申 ...

最新文章

  1. 小米手机 DELETE_FAILED_INTERNAL_ERROR Error while Installing APKs
  2. Leetcode - 144. Binary Tree Preorder Traversal (层次遍历)
  3. WebSocket数据加密——AES与RSA混合加密
  4. css 跳动的心_如何用纯CSS为您的情人打造一颗跳动的心
  5. 学计算机的用surface,11个高效利用Surface处理工作学习任务的方法 - Surface 使用教程...
  6. 马老师 生产环境mysql主从复制、架构优化方案
  7. Python自学----- while if 列表结合,购物车程序
  8. python基于datetime或time模块分别获取当前时间戳
  9. Microsoft Enterprise Library 5.0 系列(二) Cryptography Application Block (高级)
  10. 如何删除2345浏览器网络导航主页
  11. 新中大 金蝶 用友产品技术比较
  12. IPSec ×××实验
  13. npm install很慢(奇葩)解决方法
  14. 中国荫罩对准器市场深度研究分析报告
  15. Java Swing 设置全局的字体
  16. matlab复数矩阵 画图,包含矩阵、复数的函数画图问题,请赐教
  17. MentorGraphicsMAJIC-LT的使用
  18. Python实现list列表的有序子集查找
  19. 组件对外接口设计-易用性
  20. 【CC2530的点对点无线通讯开发(包含BasicRf协议栈、双击、长按、呼吸灯、跑马灯)】

热门文章

  1. android护眼提醒,安卓手机上怎么设置定时提醒休息的护眼提醒?
  2. php把变量转换为字符串,php如何将变量转换成字符串
  3. 【竞品分析】的狭义论与广义论
  4. android malware
  5. 兄弟Brother PT-P710BT 驱动
  6. GBASE 8A 管理员手册(3)数据加载
  7. web网站开发,web开发平台
  8. OpenStack----Nova 计算服务器基础理论(持续更新)
  9. 推出企业版开源数据库,Cockroach Labs 完成 2700 万美元新融资
  10. rabbitmq消费者“无故消失”