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

微信小程序实战—快递查询

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

微信小程序实战—快递查询案例需求:输入快递单号,点击查询按钮即可查看快递信息api:阿里云全国快递物流查询关键代码:数据定义(index.js)   data: {     motto: ‘Hello World’,     userInfo: {},     hasUserInfo: false,     canIUse: wx.canIUse(‘button.open-type.getUserInfo’),     expressNu: null, //订单号     expressInfo: null //订单信息   },调用第三方接口获得快递信息(app.js) //nu为快递单号   getExpressInfo: function(nu, cb) {     wx.request({       url: ‘http://ali-deliver.showapi.com/showapi_expInfo?com=auto&nu=’ + nu,        data: {         x: ”,         y: ”       },       header: {         ‘Authorization’: ‘APPCODE 自己的appcode’       },       success: function(res) {         //console.log(res.data)         cb(res.data) //将数据返回       }     })   },事件处理函数(index.js) //输入框输入订单号后赋值 input: function(e) {     this.setData({       expressNu: e.detail.value     })   }, //点击查询按钮后获取信息并赋值  btnClick: function() {     var thispage = this;     app.getExpressInfo(this.data.expressNu, function(data) {       //console.log(data)       //console.log(data.showapi_res_body.data)       thispage.setData({         expressInfo: data.showapi_res_body.data//格式转换*谨记       })     });   }, 页面设计!–index.wxml–view class=”container”  input placeholder=’请输入快递单号’ bindinput=’input’/input  !– 按钮绑定点击事件–  button type=’primary’ bindtap=’btnClick’查询/button  scroll-view scroll-y=”true” style=’height:300px;’    view wx:for=”{{expressInfo}}” wx:key=”{{index}}”      {{item.context}} {{item.time}}    /view  /scroll-view/view效果图

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

评论 抢沙发

E企盈小程序开发

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏