微信小程序的总结

微信小程序和Vue的思想极其相似,可以相互比较学习

本地存储数据:

var userName = wx.setStorageSync( 'username' , 'root' ) ;//在本地存储username的值root
var userName = wx.getStorageSync( 'userName' );//获取本地username的值
wx.removeStorageSync( 'username' );//清除本地存储的username

页面跳转传两个值:
wx.navigateTo({//页面跳转可返回
    url: '../Collectordemo/Collectordemo?datas=' + str + '&id=' + openid
})
wx.switchTab({//页面跳转到选项卡页面
    url: '../order/order'
})

wx.redirectTo({//关闭当前页面跳转另一个页面
    url: '../order/order'
})

wx.relaunch({//关闭所有页面跳转另一个页面
    url: '../order/order'
})

获取上个页面传的值:

var dingdan = options.datas;
var id= options.id;

获取后台数据:
wx.request({
url: urls + '/order/orders/' + dingdan,
header: {
'Content-Type' : 'application/json;charset=UTF-8'
},
data: {
id: dingdan
},
success: function (res) {
if (res.data.code == 200 ) {
that.setData({
listdata: res.data.data,
arraylist: res.data.data.orderDetailVOS
})
} else {
console.log(res.data.msg);
}
}
})

wx.request({//上传数据
url: urls + '/order/orders/' + that.data.dingdanId + '/ok' ,
header: {
'Content-Type' : 'application/json;charset=UTF-8'
},
data: {
id: that.data.dingdanId,
items: JSON.stringify(that.data.arraylist)
},
method: "POST" ,
success: function (data) {
if (data.data.code == 200 ) {
wx.showToast({
title: '提交成功!' ,
icon: 'success' ,
duration: 2000
})
} else {
console.log(data)
}
}
})

图片上传:

图片上传多个时可以在 wx.chooseImage时将 图片上传到服务器,后台接收每一张图片,
将图片的服务器地址返回,存储该地址和其他数据一起在data中返回给服务器。



猜你喜欢

转载自blog.csdn.net/QAEARQ/article/details/80055728