微信小程序開發(fā)js交互邏輯,JS 中調用小程序提供的豐富的 API
2020-09-27
導讀：一個服務僅僅只有界面展示是不夠的，還需要和用戶做交互：響應用戶的點擊、獲取用戶的位置等等。在小程序里邊，我們就通過編寫 JS 腳本文件來處理用戶的操作。...
JS 交互邏輯
一個服務僅僅只有界面展示是不夠的，還需要和用戶做交互：響應用戶的點擊、獲取用戶的位置等等。在小程序里邊，我們就通過編寫 JS 腳本文件來處理用戶的操作。
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
點擊 button 按鈕的時候，我們希望把界面上 msg 顯示成 "Hello World"，于是我們在 button 上聲明一個屬性: bindtap ，在 JS 文件里邊聲明了 clickMe 方法來響應這次點擊操作：
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
響應用戶的操作就是這么簡單，更詳細的事件可以參考文檔 WXML - 事件 。
此外你還可以在 JS 中調用小程序提供的豐富的 API，利用這些 API 可以很方便的調起微信提供的能力，例如獲取用戶信息、本地存儲、微信支付等。在前邊的 QuickStart 例子中，在 pages/index/index.js 就調用了 wx.getUserInfo 獲取微信用戶的頭像和昵稱，最后通過 setData 把獲取到的信息顯示到界面上。更多 API 可以參考文檔 小程序的API 。
通過這個章節(jié)，你了解了小程序涉及到的文件類型以及對應的角色，在下個章節(jié)中，我們把這一章所涉及到的文件通過 “小程序的框架” 給 “串” 起來，讓他們都工作起來。
第二部分：如何開通一個小商店
您可能感興趣:
掃碼免費領取運營資料包
