迈特科技Logo

icon 全国 [切换城市]
微信小程序开发教程之JS 交互逻辑详解

关于微信小程序开发教程,迈特科技跟大家分享过微信小程序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.nymaite.com

小程序apiwww.nymaite.com/article_291.html

微信小程序申请www.nymaite.com/article_298.html


推荐文章

Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧
有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!
迈特—靠谱的互联网技术伙伴
地址:河南省南阳市宛城区经十路与纬八路交叉路口东100米中关村信息谷创新中心
业务热线:137-1818-8679
售后服务:0377-66988886
E-mail:helloqyg@163.com
合作意向表
您需要什么服务?
  • APP开发
  • 微信小程序
  • 其他小程序
  • 公众号开发
  • 网站建设
  • 电商系统开发
  • 营销传播
  • 代运营
您的预算 /*准确的预算有助于我们为您提供合适的方案
  • 1-2万
  • 2-6万
  • 6-10万
  • 10万以上
  • 大型项目需要投标
提交需求