在這里通過一個簡單的實例來說明微信小程序接口調(diào)用：
首先看一下效果：

這個就是小程序的真實樣貌，體驗度和原生APP還是有點相似的。

---

JSON數(shù)據(jù)配置：

{"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('網(wǎng)絡請求失敗'))}},success: function(res) {if(res.data.code ==0){resolve(res)}}})

在這里對JS進行簡單的解釋，WCSS和WXML代碼就不奉上了！

---

url：這個是要請求的接口地址

data：一個入?yún)?/p>

method：請求方式，如果是POST請求必須按上面寫，默認是get請求，不用處理。

complete：頁面請求完成后的方法，通過that.setData將數(shù)據(jù)傳遞給WXML頁面。

success：頁面加載成功后的執(zhí)行方法。

總結

以上是生活随笔為你收集整理的小程序调用接口实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。