一(yī)個服務僅僅隻有界面展示是不夠的,還需要(yào)和(hé)用戶做(zuò)交互:響應用戶的點擊、獲取用戶的位置等等。在小程序裏邊,我們就通(tōng)過編寫 JS 腳本文件來處理用戶的操作(zuò)。
點擊 button 按鈕的時(shí)候,我們希望把界面上(shàng) msg 顯示成 "Hello World",于是我們在 button 上(shàng)聲明(míng)一(yī)個屬性: bindtap ,在 JS 文件裏邊聲明(míng)了(le) clickMe 方法來響應這(zhè)次點擊操作(zuò):
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
響應用戶的操作(zuò)就是這(zhè)麽簡單,更詳細的事件可(kě)以參考文檔 WXML - 事件 。
此外(wài)你還可(kě)以在 JS 中調用小程序提供的豐富的 API,利用這(zhè)些 API 可(kě)以很(hěn)方便的調起微(wēi)信提供的能(néng)力,例如(rú)獲取用戶信息、本地(dì)存儲、微(wēi)信支付等。在前邊的 QuickStart 例子中,在 pages/index/index.js 就調用了(le) wx.getUserInfo 獲取微(wēi)信用戶的頭像和(hé)昵稱,最後通(tōng)過 setData 把獲取到的信息顯示到界面上(shàng)。更多 API 可(kě)以參考文檔 小程序的API 。
通(tōng)過這(zhè)個章(zhāng)節,你了(le)解了(le)小程序涉及到的文件類型以及對應的角色,在下(xià)個章(zhāng)節中,我們把這(zhè)一(yī)章(zhāng)所涉及到的文件通(tōng)過 “小程序的框架” 給 “串” 起來,讓他(tā)們都(dōu)工(gōng)作(zuò)起來。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發