gin框架对接快递100 查询快递跟踪记录 Golang实现快递查询 :

https://www.cnblogs.com/haima/p/12658956.html

以下是php实现对接aliyun接口，需要收费．

口地址:

https://market.aliyun.com/products/56928004/cmapi021863.html?spm=5176.730005.productlist.d_cmapi021863.ebSZX2#sku=yuncode1586300000

1.购买快递接口:

购买后在后台这里可以看到

2.下载并引入layui

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>kuaidiApi</title>

     <link rel="stylesheet" href="./layui/css/layui.css">

     <script src="./layui/layui.js"></script>

 </head>

 <body>

     <div class="layui-container">

         <div class="layui-row" style="margin-top: 100px;">

             hongdunren

         </div>

     </div>

 </body>

 </html>

layui的文档地址:

http://www.layui.com/doc/

3.布好局:

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>kuaidiApi</title>

     <!--<script src="jquery.js"></script>-->

     <link rel="stylesheet" href="./layui/css/layui.css">

     <script src="./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="YUNDA">韵达</option>

                             <option value="ZTO">中通</option>

                             <option value="STO">申通</option>

                             <option value="TTKDEX">天天</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>

                 <ul class="layui-timeline">

                     <li class="layui-timeline-item">

                         <i class="layui-icon layui-timeline-axis"></i>

                         <div class="layui-timeline-content layui-text">

                             <h3 class="layui-timeline-title">8月18日</h3>

                             <p>

                                 layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。

                                 <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。

                                 <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>

                             </p>

                         </div>

                     </li>

                 </ul>

             </div>

         </div>

     </div>

 </body>

 <script>

     //Demo

     layui.use('form', function(){

         var form = layui.form;

         var $ = layui.jquery;

         //监听提交

         form.on('submit(formDemo)', function(data){

 //                layer.msg(JSON.stringify(data.field));

             $.post('api.php',data.field,function(res){

                 console.log(res.number);

                 console.log(res.type);

 //                layer.alert(123,{icon:2});

             },'json');

             return false;

         });

     });

 </script>

 </html>

4.新建api.php文件

5.发送post请求

效果:

6.php里向接口请求数据(查询快递单号):

Api.php里的代码:

php请求:

<?php

/**

 * Created by Haima.

 * Author:Haima

 * QQ:228654416

 * Date: 2018/7/17

 * Time: 23:43

 */

    $data = $_POST;

    $host = "https://wuliu.market.alicloudapi.com";//api访问链接

    $path = "/kdi";//API访问后缀

    $method = "GET";

    $appcode = "bba7c5a3f8dc427ea997de6fd1414819";//替换成自己的阿里云appcode

    $headers = array();

    array_push($headers, "Authorization:APPCODE " . $appcode);

//    $querys = "no=".$data['number']."&type=".$data['type'];  //参数写在这里

    $querys = "no=$data[number]&type=$data[type]";  //参数写在这里

    $bodys = "";

    $url = $host . $path . "?" . $querys;//url拼接

    $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));

?>

快递单号返回的信息:

7.前台ajax里处理:

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>kuaidiApi</title>

     <!--<script src="jquery.js"></script>-->

     <link rel="stylesheet" href="./layui/css/layui.css">

     <script src="./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>

                 顺丰单号:821383779152

                 <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="SFEXPRESS">顺丰</option>

                             <option value="YUNDA">韵达</option>

                             <option value="ZTO">中通</option>

                             <option value="STO">申通</option>

                             <option value="TTKDEX">天天</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 id="resultbox">

                 <ul class="layui-timeline">

                 </ul>

             </div>

         </div>

     </div>

 </body>

 <script>

     //Demo

     layui.use('form', function(){

         var form = layui.form;

         var $ = layui.jquery;

         //监听提交

         form.on('submit(formDemo)', function(data){

 //                layer.msg(JSON.stringify(data.field));

             $.post('api.php',data.field,function(res){

                 var str = '';

                 if(res.status==0){

                     $.each(res.result.list,function(k,v){

                         str += ' <li class="layui-timeline-item">\n' +

                             '                        <i class="layui-icon layui-timeline-axis"></i>\n' +

                             '                        <div class="layui-timeline-content layui-text">\n' +

                             '                            <h3 class="layui-timeline-title">'+v.time+'</h3>\n' +

                             '                            <p>'+v.status+'</p>\n' +

                             '                        </div>\n' +

                             '</li>\n';

                     });

                     $('#resultbox ul').html(str);

                     //layer.alert(123,{icon:2});

                 }

                 else{

                     str += ' <li class="layui-timeline-item">\n' +

                         '                        <i class="layui-icon layui-timeline-axis"></i>\n' +

                         '                            <div class="layui-timeline-content layui-text">\n' +

                         '                            <h3 class="layui-timeline-title">错误信息:</h3>\n' +

                         '                            <p>msg:'+res.status+'</p>\n' +

                         '                            <p>msg:'+res.msg+'</p>\n' +

                         '                        </div>\n' +

                         '</li>\n';

                     $('#resultbox ul').html(str);

                 }

             },'json');

             return false;

         });

     });

 </script>

 </html>

8.前台效果:

gin框架对接快递100 查询快递跟踪记录 Golang实现快递查询

阿里云全国快递物流查询api接口的更多相关文章

  1. APISpace 全球快递物流查询API接口 免费好用

    前言   随着我国电子商务的迅猛发展,物流行业也开始突飞猛进,人们的日常生活越来越离不开快递服务,查快递.寄快递的需求越来越大,随之而来,常用快递接口的需求也越来越大. 全国快递查询接口,支持各大快递 ...

  2. Java版阿里云通信短信发送API接口实例（新）

    阿里云通信(原名阿里大于)的短信服务(Short Message Service)是阿里云为用户提供的一种通信服务的能力,支持快速发送短信验证码.短信通知等. 完美支撑双11期间2亿用户,发送6亿短信 ...

  3. 微信小程序调用快递物流查询API的实现方法

    一. 创建index.wxml.index.wxss.index.js 附上代码: <view class='container'> <input class='info' plac ...

  4. 快递查询API接口对接方法

    各类接口 快递查询API有即时查询和订阅查询两种,即时是请求即返回数据,订阅则是订阅快递单号到接口,有物流轨迹更新则全量返回数据.目前常用的有快递鸟.快递100.快递网等. 快递鸟即时API可以查询3 ...

  5. 利用InformationSchema与阿里云交易和账单管理API实现MaxCompute费用对账分摊统计

    利用MaxCompute InformationSchema与阿里云交易和账单管理API 实现MaxCompute费用对账分摊统计 一.需求场景分析 很多的企业用户选择MaxCompute按量付费模式 ...

  6. 全国车辆违章查询API文档及demo

    简介 聚合数据全国车辆违章API,目前已经支持300个左右的城市违章查询,已连接上万个APP.方便有车一族随时了解自己是否有过交通违章,避免因遗忘或逾期处理违章罚单而造成的不必要损失. API参考文档 ...

  7. 小白从零开始阿里云部署react项目+node服务接口（二：node服务+web）

    我们用极简的方式来创建服务,没有任何附加功能 1 新建一个server文件夹 2 使用npm init 或者yarn init  一路enter 3  yarn add  express cors  ...

  8. 免费的手机号码归属地查询API接口文档

    聚合数据手机号码归属四查询API接口,根据手机号码或手机号码的前7位,查询手机号码归属地信息,包括省份 .城市.区号.邮编.运营商和卡类型. 通过链接https://www.juhe.cn/docs/ ...

  9. 分享几个免费IP地址查询API接口

    几个免费IP地址查询API接口 1.IP地址查询接口:http://apis.juhe.cn/ip/ip2addr要先去https://www.juhe.cn/docs/api/...申请APPKEY ...

随机推荐

  1. 不可见类有抽象父类，spring配置子类bean，注入父类，aop就可以切父类的方法

    public class TestBeanChild { int b = 1; public TestBean createDefault() { return new TestBeanDefault ...

  2. 前端js编码

    1.首先是encodeURI和encodeURIComponent: 从名字可以清晰的看出他两都是主要用于url编码的,那之间有什么区别呢?唯一区别就是编码的字符范围,其中 encodeURI方法不会 ...

  3. vue or react mvvm里的文字上下滚动

    1.jQuery 时候实现 上下滚动很简单,基本上一个animateTop就可以了 2. vue等MVVM就有些麻烦了,因为不推荐操作DOM,专注于数据 我们可以使用 css3 transition: ...

  4. 解决mysql本地数据库不能用ip访问的问题

    [转]http://gone18611.blog.163.com/blog/static/1851943120104705244116/ MYSQL数据库缺省安装后,其默认用户名ROOT如果只能以&l ...

  5. fastjson格式化输出内容

    引入fastjson <!--fastjson--><dependency> <groupId>com.alibaba</groupId> <ar ...

  6. CF1166C A Tale of Two Lands

    思路: 搞了半天发现和绝对值无关. http://codeforces.com/blog/entry/67081 实现: #include <bits/stdc++.h> using na ...

  7. JavaScript是什么

    JavaScript是一种解释型语言而不是编译型语言,它往往被认为是一种脚本语言,而不被看作是一种真正的编程语言.也就是说,脚本语言比较简单,它们是非程序员所使用的编程语言. 如果一个程序员对Java ...

  8. Mind must be master of the body, strong mind can separate the body from its suffering.

    Mind must be master of the body, strong mind can separate the body from its suffering.意志是身体的主人,有顽强的意 ...

  9. ios 身份证照片识别信息

    一个近乎完整的可识别中国身份证信息的Demo就问问你霸气不

  10. BUG数量和项目成本

    这篇文章,不是讨论怎么提升程序员的能力避免BUG,因为程序员的能力不足造成的BUG,短期是无法避免的.这里主要探讨的是因为程序员疏忽大意和不良的开发习惯,产生的低级BUG,对项目成本影响. 首先了解下 ...