做自(zì)由與創造的先行者

JS 邏輯交互

小(xiǎo)程序開(kāi)發手冊

一個服務僅僅隻有界面展示是不夠的,還需要和(hé)用(yòng)戶做交互:響應用(yòng)戶的點擊、獲取用(yòng)戶的位置等等。在小(xiǎo)程序裏邊,我們就通過編寫 JS 腳本文(wén)件來(lái)處理(lǐ)用(yòng)戶的操作(zuò)。

{{ msg }}

點擊 button 按鈕的時(shí)候,我們希望把界面上(shàng) msg 顯示成 "Hello World",于是我們在 button 上(shàng)聲明(míng)一個屬性: bindtap ,在 JS 文(wén)件裏邊聲明(míng)了(le) clickMe 方法來(lái)響應這(zhè)次點擊操作(zuò):

Page({

clickMe: function() {

this.setData({ msg: "Hello World" })

}

})

響應用(yòng)戶的操作(zuò)就是這(zhè)麽簡單,更詳細的事(shì)件可以參考文(wén)檔 WXML - 事(shì)件 。

此外(wài)你(nǐ)還可以在 JS 中調用(yòng)小(xiǎo)程序提供的豐富的 API,利用(yòng)這(zhè)些(xiē) API 可以很(hěn)方便的調起微信提供的能(néng)力,例如獲取用(yòng)戶信息、本地存儲、微信支付等。在前邊的 QuickStart 例子中,在 pages/index/index.js 就調用(yòng)了(le) wx.getUserInfo 獲取微信用(yòng)戶的頭像和(hé)昵稱,最後通過 setData 把獲取到(dào)的信息顯示到(dào)界面上(shàng)。更多 API 可以參考文(wén)檔 小(xiǎo)程序的API 。

通過這(zhè)個章節,你(nǐ)了(le)解了(le)小(xiǎo)程序涉及到(dào)的文(wén)件類型以及對(duì)應的角色,在下(xià)個章節中,我們把這(zhè)一章所涉及到(dào)的文(wén)件通過 “小(xiǎo)程序的框架” 給 “串” 起來(lái),讓他(tā)們都工(gōng)作(zuò)起來(lái)。

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:程序與頁面
上(shàng)一篇:WXSS 樣式