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

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),裕華企業(yè)網(wǎng)站建設(shè),裕華品牌網(wǎng)站建設(shè),網(wǎng)站定制,裕華網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,裕華網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

在這里通過一個簡單的實例來說明微信小程序接口調(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)絡(luò)請求失敗'))
                    }
                },
                success: function(res) {
                    if(res.data.code ==0){
                        resolve(res)

                    }
                }
            })

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

---

url：這個是要請求的接口地址
data：一個入?yún)?method：請求方式，如果是POST請求必須按上面寫，默認是get請求，不用處理。
complete：頁面請求完成后的方法，通過that.setData將數(shù)據(jù)傳遞給WXML頁面。
success：頁面加載成功后的執(zhí)行方法。

看完了這篇文章，相信你對“分享小程序如何開發(fā)調(diào)用接口”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當前名稱：分享小程序如何開發(fā)調(diào)用接口-創(chuàng)新互聯(lián)
本文鏈接：http://weahome.cn/article/ceppdi.html