本文介绍了一位开发者如何在不使用callback的情况下，在微信小程序中使用ES6处理数据。通过编写get_data函数，对数据进行一系列操作，包括字符串替换、条件判断和数组处理，以适应不同的数据类型。在onLoad函数中，利用wx.request获取远程数据，并在success回调中更新页面数据。然而，由于作用域问题，需要在外围保存`that`来确保在回调中能正确访问`this`。
ES6写法虽好，但是我不会使用callBack,所以我就在page里面直接使用request.
首先写了get_data函数，写在page里面，全部用的是this
get_data:function(){
let pd_data = this.data.pd;
for (let detail of pd_data) {
let re_data = detail.prompt.replace('[(', '').replace(')]', '').replace('[', '').replace(']', '')
if (detail.selectType == 'picker') {
detail.prompt = re_data.split(',');
detail.picker_selected = 'True';
}
else if (detail.selectType == 'text') {
detail.text_selected = 'True';
}
else if (detail.selectType == 'textarea') {
detail.textarea_selected = 'True';
}
else {
if (detail.selectType == 'radio') {
detail.radio_selected = 'True';
}
else if (detail.selectType == 'checkbox') {
detail.checkbox_selected = 'True';
}
let process_data = re_data.split('), (');
for (var i = 0; i < process_data.length; i++) {
process_data[i] = process_data[i].split(',');
if (process_data[i].length == 3) {
process_data[i] = {
name: process_data[i][0],
value: process_data[i][1],
checked: process_data[i][2],
}
} else {
process_data[i] = {
name: process_data[i][0],
value: process_data[i][1],
}
}
};
detail.prompt = process_data;
}
detail.order = parseInt(detail.order)
}
pd_data = pd_data.sort(function (a, b) {
return a.order - b.order;
}),
this.setData({
productDetail: pd_data
})
},
然后onload里面，前面还是可以用this，但是request的success里面似乎不能用this，所以在使用之前要var that=this.
onLoad: function (options) {
let dirty_data = VproductDetail.productDetail
this.setData({
dirty_data: dirty_data
})
this.setData({
NavigationBarTitle: options.bartitle
})
//改变从这里开始，感觉应该用fetch
var that = this
//获取pd
wx.request({
url: 'http://127.0.0.1:8000/' + 'product/2/detail', //仅为示例，并非真实的接口地址
header: {
'content-type': 'application/json', // 默认值
'Authorization': 'Token b2f2806a0ff8b8ea50da908c646b62cedacd65eb'
},
success: function (res) {
that.setData({
pd: res.data
})
that.get_data()
}
})
},
2396
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
