微信小程序数据交互
1. 小程序的wxml文件,是视图文件,展示给用户来操作和欣赏,用来增强用户的体验度。
视图文件是标记语言<开始标记 class="样式的名字">内容</结束标记>
2.小程序的wxss文件,是样式文件,用来修饰和渲染视图,用来增强用户的粘合度。
对class属性的选择,采用.样式的名称{ 样式的属性的名字:样式的属性的值 ; 样式的属性的名字:样式的属性的值 ; }
3. 小程序的js文件,这是业务逻辑文件,用来进行交互的业务逻辑文件。
js文件就是使用了Javascript语言。 就是采用了Vue的语法,数据模型驱动的框架。数据驱动视图的渲染。
/**
* 页面的初始数据 data:{ },{ }是json对象
*/
data:{
键:值
}
页面取值{{键}} 取值表达式, 和Vue是一模一样
4.bindtap点击事件 后跟随方法名称,在js文件中定义,不使用中文
5.使用typeof查看类型,number+执行的是加法,string+执行的是连接,任意类型和字符串类型相加,都是连接,
与字符串相加变为字符串类型,
6使用request方法获取数据
wx:wx.request({
url: 'http://jzggmf.natappfree.cc/text/nginxtest.json',
success: (result) => {
console.log(result);
this.setData({mdata:result.data});
},
})