分享小程式開發呼叫介面的實例教程

在這裡透過一個簡單的實例來說明微信小程式介面呼叫： 

#首先看一下效果：

---

---

##這個就是小程式的真實樣貌，體驗度和原生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. ###小程式開發的簡單實例程式碼######

以上是分享小程式開發呼叫介面的實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章！