当我们在做电商网站时当然是需要接入快递信息的,方便用户查询订单的实时状态。下面我们就来聊聊整体流程……
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,谢谢大家的阅读!祝每天开心~
版权声明:本文为博主原创文章,未经博主允许不得转载。
微信赞赏
支付宝赞赏
[…] 引自熊工博客 […]