获取热映电影数据
<body>
<table border="1">
<thead>
<tr>
<th>电影名</th>
<th>海报</th>
<th>上映年份</th>
<th>评分</th>
<th>影片类型</th>
<th>主演</th>
<th>导演</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/template" id="weatherTemp">
<% for(var i=0;i<subjects.length;i++){ %>
<tr>
<td><%=subjects[i].title%></td>
<td><img src="<%=subjects[i].images.small%>" alt=""></td>
<td><%=subjects[i].year%>年</td>
<td><%=subjects[i].rating.average%>分</td>
<td><%=subjects[i].genres.join("---")%></td> //注意这里genres是个数组,要将里面的每个元素用---拼接成字符串,要用到数组的一个js方法join,
<td><%=subjects[i].casts[0].name%></td>
<td><%=subjects[i].directors[0].name%></td>
</tr>
<% } %>
</script>
<script src="./js/jquery.min.js"></script>
<script src="./js/template-native.js"></script>
<script>
$.ajax({
type:'get',
url:'https://api.douban.com/v2/movie/in_theaters',
data:{
'ak':'zVo5SStav7IUiVON0kuCogecm87lonOj',
'location':'西安',
'output':'json',
},
dataType:'jsonp',
success:function(result){
console.log(result);
// var html=template('weatherTemp',{'items':result.subjects});
var html=template('weatherTemp',result);
document.querySelector('tbody').innerHTML=html;
}
})
</script>