微信小程序開(kāi)發(fā)js交互邏輯,JS 中調(diào)用小程序提供的豐富的 API
JS 交互邏輯
一個(gè)服務(wù)僅僅只有界面展示是不夠的,還需要和用戶做交互:響應(yīng)用戶的點(diǎn)擊、獲取用戶的位置等等。在小程序里邊,我們就通過(guò)編寫(xiě) JS 腳本文件來(lái)處理用戶的操作。
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
點(diǎn)擊 button 按鈕的時(shí)候,我們希望把界面上 msg 顯示成 "Hello World",于是我們?cè)?button 上聲明一個(gè)屬性: bindtap ,在 JS 文件里邊聲明了 clickMe 方法來(lái)響應(yīng)這次點(diǎn)擊操作:
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
響應(yīng)用戶的操作就是這么簡(jiǎn)單,更詳細(xì)的事件可以參考文檔 WXML - 事件 。
此外你還可以在 JS 中調(diào)用小程序提供的豐富的 API,利用這些 API 可以很方便的調(diào)起微信提供的能力,例如獲取用戶信息、本地存儲(chǔ)、微信支付等。在前邊的 QuickStart 例子中,在 pages/index/index.js 就調(diào)用了 wx.getUserInfo 獲取微信用戶的頭像和昵稱(chēng),最后通過(guò) setData 把獲取到的信息顯示到界面上。更多 API 可以參考文檔 小程序的API 。
通過(guò)這個(gè)章節(jié),你了解了小程序涉及到的文件類(lèi)型以及對(duì)應(yīng)的角色,在下個(gè)章節(jié)中,我們把這一章所涉及到的文件通過(guò) “小程序的框架” 給 “串” 起來(lái),讓他們都工作起來(lái)。
第二部分:如何開(kāi)通一個(gè)小商店