微信小程序开发教程之JS 交互逻辑详解

2018-07-26 17:02

关于微信小程序开发教程,主题邦科技跟大家分享过微信小程序JSON配置、WXSS 样式等开发教程,接下来要给大家分享的是小程序开发JS 交互逻辑详解。


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


<view>{{ msg }}</view>

<button bindtap="clickMe">点击我</button>

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

 

Page({

  clickMe: function() {

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

  }

})

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

 

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

 

主题邦科技——靠谱的技术伙伴,为企业提供一站式技术服务。主要业务范围有:APP开发、小程序开发、微信开发、电商系统开发、物联网(IOT)开发等互联网+领域。

 

小程序开发www.zhutibang.cn

小程序apiwww.zhutibang.cn/article_291.html

微信小程序申请www.zhutibang.cn/article_298.html


推荐文章

微信小程序开发教程之微信小程序主流框架对比

2018-09-30 14:41

微信小程序开发教程之微信小程序主流框架对比

微信小程序开发教程之小程序的启动

2018-12-11 10:18

微信小程序开发教程之小程序的启动

小程序开发教程|小程序开发用什么语言

2019-03-15 19:41

小程序开发教程|小程序开发用什么语言

微信小程序开发教程,个人怎么做微信小程序

2019-11-21 10:53

微信小程序开发教程,个人怎么做微信小程序

微信咨询

咨询热线

400-680-1500

收起
顶部

回到顶部