标签:exp code get 查询 view nload app.js log type
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 }) }) } })
标签:exp code get 查询 view nload app.js log type
原文地址:http://www.cnblogs.com/jin-000/p/6404262.html