位置:电子教程 > 微信小程序入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
小程序起步
小程序基础知识
小程序基础语法
当前阅读教程:微信小程序入门教程 > JS脚本交互逻辑
阅读(22555525)      收藏       赞(5685)      分享
上一篇: WXSS 样式 下一篇: 小程序的能力

一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里面,我们就通过编写.js脚本文件来处理用户的操作.wxml文件代码示例

小白教程网www.2d5.net

如下:

<view>{{ msg }}</view>
<button bindtap="clickMe">点击我</button>

点击 button 按钮的时候,我们希望把界面上 msg 显示成 "Hello World",于是我们在 button 上声明一个属性: bindtap ,在.js文件里面声明了 clickMe 方法来响应这次点击操作,.js文件代码示例

小白教程网www.2d5.net

如下:

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

响应用户的操作就是这么简单。

此外你还可以在 .js脚本中调用小程序提供的丰富的 API,利用这些 API 可以很方便地调用微信提供的能力,例如获取用户信息、本地存储、微信支付等。在前边的 第一个微信小程序 例子中,在 pages/index/index.js 就调用了 wx.getUserInfo 获取微信用户的头像和昵称,最后通过 setData 把获取到的信息显示到界面上。

通过这个章节,你了解了小程序涉及的文件类型以及对应的角色,在下个章节中,我们把这一章所涉及的文件通过 “小程序的框架” “串” 起来,让它们都工作起来。


上一篇: WXSS 样式 下一篇: 小程序的能力
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)