前端自己做快递查询
网上有四个公开的快递查询api,在当中我选了快递鸟这个,当然按自己需求去选择
爱快递 - 爱快递支持国内90多家快递物流订单查询服务,免费版有使用次数限制,可用于电子商城单号跟踪,手机应用,微信快递接口等服务
快递100 - 快递100支持300家国内国际快递,免费版有使用次数限制。
快递鸟 - 快递鸟支持国内外400多家快递公司,免费版有使用次数限制,包含.Net, PHP, Java版Demo
快递网 - 快递网支持上百家快递查询服务,免费版有使用次数限制
为什么在四个快递查询的公开api众我选择了快递鸟呢,因为他有预设样式,有js,可以像swiper、fullpage等插件一样通过cdn引入然后配置一下就可以使用了,详情见快递鸟外部调用文档,本人使用的是轨迹查询框嵌入
这些样式以及js都不用去写,直接网络引入快递鸟官方的样式个人感觉快递鸟官方样式还行,就没有修改,然后引入官方js,配置一下配置一个快递查询功能就实现了。`
<head>
<title>PC端-物流轨迹查询框嵌入练习</title>
<link rel="stylesheet" href="http://www.kdniao.com/OutDemo/KDNWidget/KDNWidget.css" />
</head>
<body>
<div id="myExercise"></div>
<script src="http://www.kdniao.com/OutDemo/KDNWidget/KDNWidget.js"></script>
<script>
window.onload = function () {
KDNWidget.run({
"serviceType": "D",//此处为快递鸟类型值,不要更改,D为物流轨迹查询框嵌入
"container": "myExercise",//此处填写容器id,注意不需要加#
})
}
</script>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
快递鸟官方api文档
---------------------