前端自己做快递查询

最新推荐文章于 2023-01-29 15:15:46 发布

梦起，不止关注技术

最新推荐文章于 2023-01-29 15:15:46 发布

阅读量4.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：休闲demo 文章标签：前端 api 快递

本文链接：https://blog.youkuaiyun.com/qq_41585377/article/details/90643201

休闲demo 专栏收录该内容

6 篇文章

订阅专栏

介绍了四个公开的快递查询API，包括爱快递、快递100、快递鸟和快递网，各免费版均有使用次数限制。作者最终选择快递鸟，因其有预设样式和js，可通过cdn引入配置使用，直接引入官方样式和js，配置后即可实现快递查询功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网上有四个公开的快递查询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>

快递鸟官方api文档