当我们在做电商网站时当然是需要接入快递信息的,方便用户查询订单的实时状态。下面我们就来聊聊整体流程……
a)登录阿里云 云市场,搜索【快递】,选择【全国快递物流查询】并进行购买(选择免费使用即可)。
b)支付完成后点击【管理控制台】可获取【AppCode】。
c)点击【全球物流快递查询(单号识别)】此标题跳转至详情页,滚动条滚动即可找见 API 接口文档。
根据 API 接口文档请求参数提示,前台使用 LayUI 进行布局,并发送异步请求。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="layui-v2.3.0/layui/css/layui.css"> <script src="layui-v2.3.0/layui/layui.js"></script> </head> <body> <div class="layui-container"> <div class="layui-row" style="margin-top: 100px"> <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">快递单号</label> <div class="layui-input-block"> <input type="text" name="number" required lay-verify="required" placeholder="请输入快递单号" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">请选择快递</label> <div class="layui-input-block"> <select name="type" lay-verify="required"> <option value=""></option> <option value="SF">顺丰</option> <option value="ZTO">中通</option> <option value="STO">申通</option> <option value="YTO">圆通</option> <option value="YD">韵达</option> </select> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">查询</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form> </div> </div> </body> </html> <script> layui.use('form', function () { var form = layui.form; var $ = layui.jquery; //监听提交 form.on('submit(formDemo)', function (data) { //layer.msg(JSON.stringify(data.field)); $.ajax({ url: 'api.php', type: 'post', data: data.field, dataType: 'json', success: function (res) { console.log(res); } }) return false; }); }); </script>
后台代码根据 API 接口文档请求示例中 PHP 进行部署代码。
<?php $host = "https://goexpress.market.alicloudapi.com"; $path = "/goexpress"; $method = "GET"; $appcode = "你自己的AppCode"; $headers = array(); array_push($headers, "Authorization:APPCODE " . $appcode); $querys = "no=780098068058&type=zto"; $bodys = ""; $url = $host . $path . "?" . $querys; $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)); ?>
浏览器控制台查看结果,并完成前台 Ajax 代码。
提一下,今天是科比40岁生日,生日快乐曼巴~
Finally,谢谢大家的阅读!祝每天开心~
版权声明:本文为博主原创文章,未经博主允许不得转载。
微信赞赏
支付宝赞赏
[…] 引自熊工博客 […]