阿里云全国快递物流查询api接口
口地址:
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接口相关推荐
- 国内主流快递物流查询API接口测评对比
• 快递物流查询API接口 快递查询接口是指快递查询网对外开放的应用程序接口,开发人员能够通过调用该接口与快递查询网进行交互,并基于该接口开发自己的快递查询应用程序. • 应用场景 ① 买家物流查询: ...
- 从申请到调用:全国快递物流查询 API 使用教程
引言 面对越来越多的快递需求和快递公司的日益增多,手动查询快递状态的工作变得愈发繁琐.此时,一个全国快递物流查询 API 的出现能够极大地提高查询的效率和准确性,解决人工查询的问题,为用户提供更加便捷 ...
- 国内主流常用快递物流查询api接口介绍以及demo分享
快递查询接口API 快递查询接口是指快递查询网对外开放的应用程序接口,开发人员能够通过调用该接口与快递查询网进行交互,并基于该接口开发自己的快递查询应用程序.目前比较常用的第三方接口有快递鸟.一次性可 ...
- APISpace 全球快递物流查询API接口 免费好用
前言 随着我国电子商务的迅猛发展,物流行业也开始突飞猛进,人们的日常生活越来越离不开快递服务,查快递.寄快递的需求越来越大,随之而来,常用快递接口的需求也越来越大. 全国快递查询接口,支持各大快递公司 ...
- 免费常用的快递物流查询api接口介绍
快递查询接口API 快递查询接口是指快递查询网对外开放的应用程序接口,开发人员能够通过调用该接口与快递查询网进行交互,并基于该接口开发自己的快递查询应用程序.目前比较常用的第三方接口有快递鸟. 应用场 ...
- 调用阿里API实现全国快递物流查询
作者介绍 王梅,女,西安工程大学电子信息学院,2022级研究生 研究方向:机器视觉与人工智能 电子邮件:1095647386@qq.com 王泽宇,男,西安工程大学电子信息学院,2022级研究生,张宏 ...
- vue+sass全国快递物流查询
全国快递物流查询 使用 github:https://github.com/2468901709/searchExpress.git PC-web:https://2468901709.github. ...
- 快递鸟查询Api接口使用(PHP版)
前提 项目开发中,有些需求难免会用到关于快递的一些Api接口:本篇主要介绍的是快递的查询Api及与其他各家的不同之处: 常用的提供快递Api接口的有: 快递鸟 快递100 爱查快递 等等 如大家使用 ...
- 全球快递查询-全国快递物流查询-顺丰快递-国内外1500+快递接口-物流信息追踪接口
一.接口介绍 [支持顺丰!!!全球快递物流查询-物流信息追踪-快递单号查询接口]可根据单号自动识别快递公司,提供同步(实时)查询和异步查询两种方式.支持全球范围内1500多家快递物流公司查询,圆通.申 ...
最新文章
- Parser Generator Tips翻译(中英对译) by Joshua Xu
- linux crontab 管理,linux crontab 命令详解
- CentOs基础操作指令(文件所属管理和权限管理)
- php的工作模式CGI,FastCGI,PHP-CGI与PHP-FPM(转)
- AI版“大家来找茬”上线,究竟谁是真人,谁是GAN生成的假脸?
- iOS网络编程实践--蓝牙对等网络通信实例讲解
- Cisco ASA Web ××× 配置详解
- VSCODE: 快速生成html框架
- html表白网页制作_表白时刻_表白网页在线制作_创意表白_表白神器
- 常见的图像分割方法有以下几种
- mbr mysql_主引导记录MBR的结构和作用
- 科研必备之图像局部区域放大——画中画形式
- linux mint 19界面美化,Linux Mint19字体、主题美化
- python计算复数的辐角,(Python 3)1051复数乘法(15分),python31051
- 物流查询然后给快递单号进行备注分享操作方法
- [论文分享] Overcoming Catastrophic Forgetting in Incremental Few-Shot Learning by Finding Flat Minima
- Ant Design Vue 相关介绍
- 数学:它的内容、方法、意义的目录
- 通用vue组件化搜索组件页面
- 写给未来的自己-面试的那些准备