口地址:

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. Parser Generator Tips翻译(中英对译) by Joshua Xu
  2. linux crontab 管理,linux crontab 命令详解
  3. CentOs基础操作指令(文件所属管理和权限管理)
  4. php的工作模式CGI,FastCGI,PHP-CGI与PHP-FPM(转)
  5. AI版“大家来找茬”上线,究竟谁是真人,谁是GAN生成的假脸?
  6. iOS网络编程实践--蓝牙对等网络通信实例讲解
  7. Cisco ASA Web ××× 配置详解
  8. VSCODE: 快速生成html框架
  9. html表白网页制作_表白时刻_表白网页在线制作_创意表白_表白神器
  10. 常见的图像分割方法有以下几种
  11. mbr mysql_主引导记录MBR的结构和作用
  12. 科研必备之图像局部区域放大——画中画形式
  13. linux mint 19界面美化,Linux Mint19字体、主题美化
  14. python计算复数的辐角,(Python 3)1051复数乘法(15分),python31051
  15. 物流查询然后给快递单号进行备注分享操作方法
  16. [论文分享] Overcoming Catastrophic Forgetting in Incremental Few-Shot Learning by Finding Flat Minima
  17. Ant Design Vue 相关介绍
  18. 数学:它的内容、方法、意义的目录
  19. 通用vue组件化搜索组件页面
  20. 写给未来的自己-面试的那些准备

热门文章

  1. MYSQL数据库入门(表格的操作)
  2. 错误: 找不到或无法加载主类 Application
  3. C++疑惑解答总结(一)
  4. 最新超全产品经理自学线路图+视频教程
  5. 论文阅读《MVS Net:Depth Inference for UNstructured Multi-view Stereo》
  6. 使用HTML5定位的经纬度来实现ArcGIS API for js 中的定位
  7. 关于用PHP实现验证码制作的学习记录
  8. Centos服务器重启后无法打开网站的解决方案
  9. 仿魅族日历,乐视日历,小米日历等效果
  10. 人民币(¥)符号在html中的显示