分享小程序如何開發調用接口

小編給大家分享一下分享小程序如何開發調用接口，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

在這里通過一個簡單的實例來說明微信小程序接口調用：

首先看一下效果：

這個就是小程序的真實樣貌，體驗度和原生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：頁面加載成功后的執行方法。

看完了這篇文章，相信你對“分享小程序如何開發調用接口”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！