微信小程序實用功能代碼分享
一、小程序獲取用戶信息userInfo第一步：在js上，引入app頁面例如：var app = getApp();第二步：onload方法中，注入參數options,調用getUserInfo方法，綁定userInfo ...
一、小程序獲取用戶信息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"
});
}
