一、小程序获取用户信息userInfo
第一步:在js上,引入app页面
例如:var app = getApp();
第二步:onload方法中,注入参数options,调用getUserInfo方法,绑定userInfo
例如: onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
var that = this;
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
})
}
第三步:绑定到wxml页面上
例如: <view class="user">
<image src="../../images/ios7-personadd-outline.png" style="width:50rpx;height:50rpx;"></image>
<input type="text" value="{{userInfo.nickName}}" />
</view>
注:用户的常用信息:
昵称:nickName
性别:gender(性别 0:未知、1:男、2:女)
头像:avatarUrl
语言:language
地址:city
国家:country
区/县:province
二、提交表单内容至服务器
1.form表单中
给form绑定bindsubmit事件
例如:<form bindsubmit="formSubmit">
在每一个表单上添加一个name属性
例如:<textarea placeholder="留言内容(必填)" name="textarea"/>
2.在bindsubmit绑定的事件里
注入event参数
例如: formSubmit:function(event){}
获取输入的数据
例如:var _body = e.detail.value.textarea;
上传数据
例如:http.httpPost("/v2/qa.create",{
appid:config.APPID,
body: _body
},function(res){
console.log('ok')
})
三、小程序改变图片(例如:收藏中改变图片样式)
(1)在data上绑定数据和初始值(放置的所有数据)
img:["../../images/ios7-heart-outline.png","../../images/ios7-heart.png"],
num:0
(注:"../../images/ios7-heart-outline.png"为自动加载的图片,"../../images/ios7-heart.png"]为替换过的图片,数据同理)
(2)放置数据变量
<image src="{{img[num]}}" style="width:50rpx;height:50rpx;"></image>收藏
(3)放置绑定事件 bindtap="buyCount"
(4)添加事件方法
buyCount:function(num){
num=1;
console.log(num);
var that = this;
(注:在page前面需要放置var app = getApp()语句)
app.getUserInfo(function(){
//更新数据
that.setData({
num:num
})
console.log(num);
})
}
补充一种更简单的方法
(1)在data上绑定图片
例如:img:"../images/ios7-heart-outline.png"
(2)在wxml上放置图片
例如: <image src="{{img}}" style="width:50rpx;height:50rpx;"></image>收藏
(3)在点击事件里切换图片
例如:addCollection:function(){
var that = this;
that.setData({
img: "../images/ios7-heart.png"
});
}