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

发布时间：2022/01/19 丨 文章来源：未知 丨 浏览次数：

关于微信小程序开发教程，荟萃网科技跟大家分享过微信小程序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.huicuiwang.cn

小程序api：www.huicuiwang.cn/article_291.html

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