前端自己做快递查询
Posted hyhy904
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端自己做快递查询相关的知识，希望对你有一定的参考价值。
网上有四个公开的快递查询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文档
---------------------
以上是关于前端自己做快递查询的主要内容，如果未能解决你的问题，请参考以下文章