Java学习资源网

您现在的位置是:网站首页>学习资源库学习资源库

小程序实现快递查询

阿飞 2019-06-04 技术文档131人已围观

简介小程序实现快递查询,输入运单号查询快递路由信息

1


//index.js部分

//获取应用实例

var app = getApp()

Page({

  data: {

    motto: 'Hello World',

    userInfo: {},

    expressNu:null,

    expressInfo:null

  },

  //事件处理函数

  bindViewTap: function() {

    wx.navigateTo({

      url: '../logs/logs'

    })

  },

  btnClick : function(){

    //console.log(this.data.expressNu)

    var thispage = this;

    app.getExpressInfo(this.data.expressNu,function(data){

        console.log(data)

        thispage.setData({expressInfo:data})

    });

  },

  input : function(e){

    this.setData({expressNu:e.detail.value})

  },

  onLoad: function () {

    console.log('onLoad')

    var that = this

    //调用应用实例的方法获取全局数据

    app.getUserInfo(function(userInfo){

      //更新数据

      that.setData({

        userInfo:userInfo

      })

    })

  }

})


<!--index.wxml部分-->

<view class="container">

  <input placeholder="请输入运单号" bindinput="input" />

  <button type="primary"  bindtap="btnClick"> 查询 </button>

 

 

  <scroll-view scroll-y="true" style="height: 200px;" >

      <view wx:for="{{expressInfo.data}}">

          {{item.context}} 【 {{item.ftime}}】\n

      </view>

   </scroll-view>

 

</view>


/**index.wxss 部分**/

input{

  border: 1px solid red;

  width: 90%;

  margin: 5%;

  padding: 5px;

}


//app.js部分

App({

  onLaunch: function () {

    //调用API从本地缓存中获取数据

    var logs = wx.getStorageSync('logs') || []

    logs.unshift(Date.now())

    wx.setStorageSync('logs', logs)

  },

  getUserInfo:function(cb){

    var that = this

    if(this.globalData.userInfo){

      typeof cb == "function" && cb(this.globalData.userInfo)

    }else{

      //调用登录接口

      wx.login({

        success: function () {

          wx.getUserInfo({

            success: function (res) {

              that.globalData.userInfo = res.userInfo

              typeof cb == "function" && cb(that.globalData.userInfo)

            }

          })

        }

      })

    }

  },

 

 getExpressInfo:function(nu,cb){

   wx.request({

     url: 'https://www.kuaidi100.com/query',

     data:{

      'type':'shunfeng',

      'postid':nu

     },

      success: function(res) {

       // console.log(res.data)

       cb(res.data)

      }

    })

 

 },


  globalData:{

    userInfo:null

  }

})


Java学习资源网

加入我们

  • Java学习交流①

    QQ群号:716298150

  • Java学习交流②

    QQ群号:258435559

  • Java学习交流微信群

Java学习资源网

打赏本站

  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!
  • 微信扫码:你说多少就多少~
  • 支付宝扫码:你说多少就多少~
Java学习资源网