微信小程序学习之数据处理详解

data:{
 name:'我是初始化的name'
}

 //方式1
 this.data.name='我现在name值是Code4Android'
 //方式2
 this.setData({
 name:'我现在name值是Code4Android'
 })

<view>{{name}}</view>

data:{
people:{
 name:'Code4Android',
 address:'河南'
}
}

 this.setData({
 people:{
 name:'Code4Android1',
 address:'河南'
 }
 })

 this.setData({
 'people.name': 'Code4Android'
 })

 this.setData({
 'peoples[0].name': 'Code4Android'
 })

 <!--方式1，使用三元表达式-->
 <view>{{type==1 "{{type==1}}">初中</view>
<view wx:elif="{{type==2}}">高中</view>
<view wx:else>大学</view>
<!--方式3，js对数据预处理，jsdata中增加typeName-->
js文件相应预处理：
 var typeName = ''
 if (this.data.type == 1) {
 typeName = '初中'
 } else if (this.data.type = 2) {
 typeName = '高中'
 } else {
 typeName = '大学'
 }
 this.setData({
 typeName: typeName
 })

WXML:中显示
<view>{{typeName}}</view>

<!--方式1，直接使用style -->
 <view style="{{isSelected==true ">按钮</view>
<!--style也可以style="{{isSelected"-->
<!--方式2，使用class-->
 <view class="{{isSelected ">按钮</view>

wxss:
.isSelected {
 background-color: #f00;
 color: #fff;
}

.noSelected {
 background-color: #ddd;
 color: #000;
}

wx.navigateTo({
 url: '/pages/mypage/mypage"htmlcode">

var string = JSON.stringify(this.data.people)
wx.navigateTo({
 url: '/pages/mypage/mypage"htmlcode">

var string =options.people
var obj=JSON.parse(string)


然后obj就是我们JSON对象了，我们可以obj.name获取属性值。你以为这样就万事大吉了吗？当然不是；例如我们上面的people对象数据时这样的


data:{
 people: {
 name: '名字&名字',
 age: 25,
 address: '河南'
 }
}


此时通过上面方法传递数据通过JSON.parse发现报错了，从错误原因很容易看出来，此时获取的people不是一个完整的字符串，原因就是name属性中含有‘&',而小程序认为&前的部分是people的值，&后的数据时七天部分数据。所以导致people不是一个完整的json对象，则导致parse失败异常。


那么这时候该如何传递数据呢，我的解决思路有两个，一个是将上面string中的&符号全部替换掉，如


var string = JSON.stringify(this.data.people)
wx.navigateTo({
 url: '/pages/mypage/mypage"people", this.data.people)将数据保存，然后在新打开的页面wx.getStorageSync("people")将数据取出，并且取出的数据结构和存储的一样。

有很多时候，我们需要将当前页面选择的数据，返回到上一个页面，那么该如何操作呢，例如页面1显示一个地址信息，并且有一个更改地址按钮，跳转新页面2选择地址，并将选择的地址在1页面展示。


 var pages = getCurrentPages()
 pages[pages.length - 2].setData({
 address: address
 })


说道页面传递数据，我们常见的就是当前页面是一个列表数据，点击某一个item时将数据传递到新的页面，那么我们如何确定当前点击项的数据呢？


 <block wx:for="{{peoples}}" wx:for-index="id" data-index="{{id}}" bindtap="select">
 <!---给每个菜单定义一个index值 -->
 <view data-name="{{item.name}}">
 <text >{{item.address}}</text>
 </view>
 </block>


wx:for="{{peoples}}"就是讲peoples数据循环渲染，和Android ListView效果一样， wx:for-index是自定义当然显示item的索引键名字，data-是自定义数据，data-后面部分是自定义的，在data-自定义的数据通过e.currentTarget.dataset获取。例如上面点击事件


select: function (e) {
 var index = e.currentaTrget.dataset.index
 var people = this.data.peoples[index]
 var string = JSON.stringify(this.data.people)
 wx.navigateTo({
 url: '/pages/mypage/mypage"color: #ff0000">总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

                                
                                

                                    微信小程序数据处理,微信小程序,微信小程序开发 
                                

                                    标签：
                                        
微信小程序数据处理,微信小程序,微信小程序开发