快递单号查询识别代码JS外部调用_iframe页嵌入

API文档

首页 > 外部调用 > 轨迹查询框嵌入

应用场景功能说明使用流程业务流程 API?#38382;?/a>接入流程 demo下载客户案例

应用场景

（1）产?#26041;?#32461;?#20309;?#24744;的系统提供物流轨迹查询功能，使用者需要在查询框输入快递单号，系统将自动识别快递公司，并获取物流轨迹查询结果。一次性接入多家主流快递公司（快递鸟支持418家国内外物流公司）。
（2）调用方式：无需申请，只需要调用此js插件，无需接入快递公司接口即可马上实现。可嵌入到您网站或系统页面中的某个框架中，移动版可嵌入到您的APP、微信公众号、小程序中。
（3）适用客户：适用于OA系统、生活类网站、智能楼宇?#21462;?br />

功能说明

使用流程

插件的使用

一、移动端-物流轨迹查询框嵌入

（1）在您的项目中引入插件的库文件（KDNWidget.js/KDNWidget.css），点击下载文件KDNWidget.rar。
（2）在您的项目中加入控制代码（比如在点击“轨迹查询”按钮，执行插件，插件会给您跳转至快递鸟开发好的轨迹查询框页面）。
（3）插件需要传入的?#38382;?#26381;务类型，具体请参考下面的?#38382;?#21015;表。
如：中通物流单号应选择快递公司编码（ZTO）

请求系统级?#38382;?#35828;明：

?#38382;?#21517;称	类型	说明	必须要求
serviceType	String	服务类型:此功能的服务类型值为"C"	R

备注：R-必填（Required），O-可选（Optional），C-报文中该?#38382;?#22312;一定条件下可选（Conditional）

示例

插件调用示例

<!DOCTYPE html>
                <html lang="zh-cn">
                 <head> 
                    <title>移动端-物流轨迹查询框嵌入</title>
                    <link rel="stylesheet" href="http://www.tpcdcq.tw/OutDemo/KDNWidget/KDNWidget.css" />
                 </head>
                 <body>
          

                     
                      <script src="http://www.tpcdcq.tw/OutDemo/KDNWidget/KDNWidget.js"></script>
                      <script>
                          window.onload = function () {
                              KDNWidget.run({
                                  "serviceType": "C",
                              })
                          }
                    </script> 
                   </body>
                </html>

在新页面中展示复制代码

插件返回示例

二、PC端-物流轨迹查询框嵌入

（1）在您的项目中引入插件的库文件（KDNWidget.js/KDNWidget.css），点击下载文件KDNWidget.rar。
（2）在您的项目中加入控制代码（比如在点击“轨迹查询”按钮，执行插件，插件会在您指定的区域以iframe的方式加载快递鸟开发好的轨迹查询框页面）。
（3）为了更好的展示和操作，建议在您的网站或者系统中单独开一个页面来放置此轨迹查询框。
（4）插件需要传入的?#38382;?#26381;务类型、内容容器ID（一般是在页面上准备一个div），具体请参考下面的?#38382;?#21015;表。
如：中通物流单号应选择快递公司编码（ZTO）

请求系统级?#38382;?#35828;明：

?#38382;?#21517;称	类型	说明	必须要求
serviceType	String	服务类型:此功能的服务类型值为"D"	R
container	String	您自定义的容器ID（一般?#23884;?#20041;一个div，注意ID值不要加#）	R

备注：R-必填（Required），O-可选（Optional），C-报文中该?#38382;?#22312;一定条件下可选（Conditional）

示例

插件调用示例

<html lang="zh-cn">
                 <head>
                    <title>PC端-物流轨迹查询框嵌入</title>
                    <link rel="stylesheet" href="http://www.tpcdcq.tw/OutDemo/KDNWidget/KDNWidget.css" />
                 </head>
                 <body>
                     
                     <div id="demoID"></div>
                      <script src="http://www.tpcdcq.tw/OutDemo/KDNWidget/KDNWidget.js"></script>
                      <script>
                          window.onload = function () {
                              KDNWidget.run({
                                  "serviceType": "D",
                                  "container": "demoID",
                              })
                          }
                    </script> 
                     </body>
                    </html>

在新页面中展示复制代码

插件返回示例

相关文档与更多帮助？

解决方案

产品服务

API文档

帮助与支持

关于我们

联系我们