function getPlayList(){
$.get(`./json/playList.json`, {}, function(data) {
var playlists = data.playlists;
console.log(playlists)
$(playlists).each(function(index, item) {
var playCount = formatPlayCount(item.playCount);
$('#playlists').append(`
<div class="col-xs-6 col-sm-3 col-md-2">
<a class="thumbnail">
<img src="${item.coverImgUrl}" class="img-responsive" alt="...">
<div class="caption">
<h5>${item.name}</h5>
<p class="playCount">播放量:${playCount}</p>
</div>
</a>
</div>
`);
})
}, 'json');
}
function formatPlayCount(playCount) {
var playCountStr = playCount;
if (playCount > 100000000) {
playCountStr = (playCount / 100000000).toFixed(1) + "亿"
} else if (playCount > 10000) {
playCountStr = (playCount / 10000).toFixed(1) + "万"
}
return playCountStr;
}
如有帮助给个采纳谢谢
function getPlayList(){
// 发起GET请求,获取playList.json文件中的数据
$.get(`./json/playList.json`, {}, function(data) {
var playlists = data.playlists;
console.log(playlists)
// 遍历播放列表
$(playlists).each(function(index, item) {
// 格式化播放量
var playCount = formatPlayCount(item.playCount);
// 将播放列表渲染到页面上
$('#playlists').append(`
<div class="col-xs-6 col-sm-3 col-md-2">
<a class="thumbnail">
<img src="${item.coverImgUrl}" class="img-responsive" alt="...">
<div class="caption">
<h5>${item.name}</h5>
<p class="playCount">播放量:${playCount}</p>
</div>
</a>
</div>
`);
})
}, 'json');
}
function formatPlayCount(playCount) {
var playCountStr = playCount;
// 如果播放量大于1亿,则将其转为亿为单位
if (playCount > 100000000) {
playCountStr = (playCount / 100000000).toFixed(1) + "亿";
} else if (playCount > 10000) {
// 如果播放量大于1万,则将其转为万为单位
playCountStr = (playCount / 10000).toFixed(1) + "万";
}
// 返回格式化后的播放量字符串
return playCountStr;
}
方法getPlayList读取json文件playList.json内的数据,并把json文件中读取到的playlists数据列表用each进行循环。获取每一条数据拼接成html,把拼接好的列表html页面渲染到html文件中id为playlists的位置。
formatPlayCount函数是格式化函数,将数据中playCount格式化成带单位的数据。
后台:
1.从浏览器中获取cookie,得到是一个数组
2.遍历数组
3.判断cookie的key值是否是username或是password,因为需要杀死的cookie是username和password,如果不做判断会把所有cookie都杀死
4.使cookie死亡
5.将死去的cookie响应到浏览器
前台:
1.给所有框赋予空值
2.并让选择框处于不选中状态