微信小程热映电影导演等数据获取
微信小程电影数据读取与呈现
我们获取了豆瓣API的电影图片,现在我们重接口在获取导演,主角,电影名等数据。
获取导演,主角,电影名等数据我们要进行封装,就要定义一个数组
在movie.js里面的
processSubject(subject){
var title =subject.title;
//获取导演数据
var directors =subject.directors;调用全部数据
var directorStr="";//定义了一个字符串
for(var index in directors){
directorStr =directorStr+directors[index].name+"/";//把导演的数据筛选出来
}
if(directorStr!=""){
directorStr =directorStr.substring(0,su.length-2);
}
//获取演员数据
var casts=subject.casts;
var castStr="";
for(var index in casts){
caststr=castStr+casts[index].name+" / “;
}
if(caststr!=”"){
caststr=castStr.substring(e,caststr.length-2);
}
//获取剧情数据
var genres=subject.genres;
var genresStr="";
for(var index in genres){
genresstr=genresStr+genres[index]+" / “;
}
if(genresStr!=”"){
genresStr=genresStr.substring(e,genresStr.length-2);
}
//获取月份和年份
var year =subject.year;
//把内容用字符串连接在一起
var text=“名称: “+titlet+”\n导演: “+directorStr+”\n主演:”+castStr+"\n类型:"+genrestr+"\n上映年份:"+year+"(中国大陆)";
//再次赋值给数组
subject.text=text;
},
processSubjects(subjects){
for(var i=0;i<subjects.length;i++){
var subject =subjects[i]
this.processSubject(subject)//再次封装
}
},
loadMovie:function(){
var page =this;
wx:wx.request({
url: ‘http://www.doubanapi.com/movie.html’,
header: {
‘Content-Type’: ‘application/json’
},
success:function(res){
var subjects=res.data.subjects;
page.processSubjects(subjects)
page.setData({movies:subjects})
}
})
}
数据拿到就要在前端调用数据
在movie.wxml
最后的结果: