E企盈营销工具技术服务商 热线:4006-838-530

微信小程序之快递查询

E企盈直播平台营销卖货系统

实现原理:调用接口将获取的数据展示在界面上。 实现难点:{获取input框内的值并给将其保存到全局变量} {编写点击函数btnclick} {编写接口函数传进input框内的值并且使用回调函数将数据回传给一个全局变量} 实现代码{ index.wxmlview class=”container”view class=”section__title”你输入的是:{{inputValue}}/view       //这里的bindinput属性把bindKeyInput函数绑定到了此处   input placeholder=”快递查询”  bindinput=”bindKeyInput”/     //此处bindtap=”btnclick”。同上   button type=”primary” bindtap=”btnclick” 查询 /button    scroll-view scroll-y=”true” style=”height: 400px;”     //这里应用wx:for绑定一个数组。并通item代名词调用数组内部的属性进行渲染   view wx:for=”{{inputinfo.data}}”   {{item.context}}–{{item.time}}–/view  /scroll-view/view12345678910111213app.js 这里是接口获取函数,我写在了appjs里面getkuaidi:function(nu,cb){console.log(this);wx.request({  url: ‘http://apis.baidu.com/kuaidicom/express_api/express_api?com=yuantong&nu=’+nu+’&muti=0&order=desc’,  data: {     x: ” ,     y: ”  },  header: {      ‘apikey’: ‘11750027a78cd0cf17749c0460cebf67’  },  success: function(res) {    console.log(res.data);    //这里使用回调函数将数据当做参数传回indexjs(我把indexjs做视图数据渲染层控制)    cb(res.data);  }})  }12345678910111213141516171819indexjs //事件处理函数 bindKeyInput: function(e) {   //这里设置全局变量inputValue为e.detail.value当前对象的值    this.setData({      inputValue: e.detail.value    })    console.log(this.data.inputValue);  },  btnclick(){ console.log(this.data.inputValue); var that=this; console.log(that); //这里调用app里面的接口函数,并使用回调函数将数据传回indexjs  app.getkuaidi(this.data.inputValue,function(data){  console.log(data);  that.setData({      inputinfo: data    });    console.log(that.data.inputinfo);  })  },123456789101112131415161718192021222324252627}实现总结: 通过这次小项目的实践,遇到了一个问题就是indexjs里面的this是一个object,即该indexjs作为一整个对象存在,e {data: Object}__route__:(…)get __route__:()set __route__:()__wxWebviewId__:(…)get __wxWebviewId__:()set __wxWebviewId__:()bindKeyInput:()bindViewTap:()btnclick:()data:ObjectonHide:()onLoad:()onReady:()onRouteEnd:()onShow:()onUnload:()__proto__:Object12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152同时APPjs也是一个对象 但是他是global对象e {globalData: Object}getUserInfo:()getkuaidi:()globalData:ObjectonHide:()onLaunch:()onShow:()onUnlaunch:()__proto__:Object

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序之快递查询
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏