|
導(dǎo)讀微信小程序,簡(jiǎn)稱(chēng)小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶(hù)掃一掃或搜一下即可打開(kāi)應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一... 微信小程序,簡(jiǎn)稱(chēng)小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶(hù)掃一掃或搜一下即可打開(kāi)應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一項(xiàng)門(mén)檻非常高的創(chuàng)新,經(jīng)過(guò)將近兩年的發(fā)展,已經(jīng)構(gòu)造了新的小程序開(kāi)發(fā)環(huán)境和開(kāi)發(fā)者生態(tài)。 在這里通過(guò)一個(gè)簡(jiǎn)單的實(shí)例來(lái)說(shuō)明微信小程序接口調(diào)用: 首先看一下效果: 這個(gè)就是小程序的真實(shí)樣貌,體驗(yàn)度和原生APP還是有點(diǎn)相似的。 JSON數(shù)據(jù)配置:{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "萌店商品詳情",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"}JS代碼: wx.request({
url: 'http://m.vd.cn/api/tuan/TuanGuide_api', //僅為示例,并非真實(shí)的接口地址
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ò)請(qǐng)求失敗'))
}
},
success: function(res) {
if(res.data.code ==0){
resolve(res)
}
}
})在這里對(duì)JS進(jìn)行簡(jiǎn)單的解釋?zhuān)琖CSS和WXML代碼就不奉上了! url:這個(gè)是要請(qǐng)求的接口地址 data:一個(gè)入?yún)? method:請(qǐng)求方式,如果是POST請(qǐng)求必須按上面寫(xiě),默認(rèn)是get請(qǐng)求,不用處理。 complete:頁(yè)面請(qǐng)求完成后的方法,通過(guò)that.setData將數(shù)據(jù)傳遞給WXML頁(yè)面。 success:頁(yè)面加載成功后的執(zhí)行方法。 【相關(guān)推薦】 1. 如何通過(guò)http請(qǐng)求添加自定義菜單? 2. 小程序之紅包接口開(kāi)發(fā)實(shí)例代碼 3. 小程序開(kāi)發(fā)的簡(jiǎn)單實(shí)例代碼 以上就是分享小程序開(kāi)發(fā)調(diào)用接口的實(shí)例教程的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章! 小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶(hù)掃一掃或者搜一下即可打開(kāi)應(yīng)用。 |
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!