小程序快递单号查询

1首先在app.js中发起请求，得到数据

 getExpressInfo:function(nu,cb){
      wx.request({
        url: 'api'+nu,
        data: {
          x: '' ,
          y: ''
        },
        header: {
            'apikey': ''
        },
        success: function(res) {
          //接口调取成功之后将单号的信息给cb函数
         cb(res.data);
        }
      })
  }

2创建页面

<view class="container">
  <input bindinput="input"/>
  <button type="primary" bindtap="btnClick">按钮</button>
  <scroll-view scroll-y="true" style="height: 200px;">
    <view wx:for="{{expressInfo.data}}">
    {{item.context}}{{item.time}}
    </view>
  </scroll-view>
</view>

3进行页面交互

//获取应用实例
var app = getApp()
Page({
  data: {
    expressNu:null,
    expressInfo:null  
  },
  btnClick :function(){
    var thispage = this;
    app.getExpressInfo(this.data.expressNu,function(data){
      this.setData({
        //将快递单号得到的信息展现到页面上
        expressInfo:data
      })
    })
  },
  input:function(e){
    //这是动态获取用户输入的单号
    this.setData({
        expressNu:e.detail.value
    })
  },
  //事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad: function () {
    console.log('onLoad')
    var that = this
    //调用应用实例的方法获取全局数据
    app.getUserInfo(function(userInfo){
      //更新数据
      that.setData({
        userInfo:userInfo
      })
    })
  }
})

 

转载于:https://www.cnblogs.com/jin-000/p/6404262.html