您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
小编给大家分享一下分享小程序如何开发调用接口,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
在这里通过一个简单的实例来说明微信小程序接口调用:
首先看一下效果:
这个就是小程序的真实样貌,体验度和原生APP还是有点相似的。
{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "萌店商品详情", "backgroundColor": "#eeeeee", "backgroundTextStyle": "light"}
wx.request({ url: 'http://m.vd.cn/api/tuan/TuanGuide_api', //仅为示例,并非真实的接口地址 data: { code:"oneyuan" }, method: "POST", header: { "Content-Type": "application/x-www-form-urlencoded" //post }, complete: function( res ) { that.setData( { oneyuandata: res.data.data }); if( res == null || res.data == null ) { reject(new Error('网络请求失败')) } }, success: function(res) { if(res.data.code ==0){ resolve(res) } } })
在这里对JS进行简单的解释,WCSS和WXML代码就不奉上了!
url:这个是要请求的接口地址 data:一个入参 method:请求方式,如果是POST请求必须按上面写,默认是get请求,不用处理。 complete:页面请求完成后的方法,通过that.setData将数据传递给WXML页面。 success:页面加载成功后的执行方法。
看完了这篇文章,相信你对“分享小程序如何开发调用接口”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。