在这里通过一个简单的实例来说明微信小程序接口调用：
首先看一下效果：
这个就是小程序的真实样貌，体验度和原生app还是有点相似的。
json数据配置：{ "navigationbarbackgroundcolor": "#ffffff", "navigationbartextstyle": "black", "navigationbartitletext": "萌店商品详情", "backgroundcolor": "#eeeeee", "backgroundtextstyle": "light"}
js代码： 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：页面加载成功后的执行方法。
【相关推荐】
1. 如何通过http请求添加自定义菜单？
2. 小程序之红包接口开发实例代码
3. 小程序开发的简单实例代码
以上就是分享小程序开发调用接口的实例教程的详细内容。