function getHotTags() {
$.ajax({
url: './json/hotTags.json',
type: 'get',
dataType: 'json',
async: false, //同步
success: function(data) {
var tags = data.tags;
$(tags).each(function(index, item) {
//获取热门分类导航
$('#hotTag').append(`<li><a href="#">${item.name}</a></li>`);
})
}
})
}
//获取playlists标签
function getPlaylists(tag) {
//获取json文件tag标签
$.get(`./json/${tag}.json`, {}, function(data) {
var playlists = data.playlists;
$("#playlists").empty();
$(playlists).each(function(index, item) {
var playCount = formatPlayCount(item.playCount);
//获取playlists标签 playlists的结构 获取热门分类图片文字
//用append追加内容
$('#playlists').append(`
<div class="col-xs-6 col-sm-6 col-md-3">
<a class="thumbnail">
<img src="${item.coverImgUrl}" alt="...">
<div class="caption">
<h5>${item.name}</h5>
<p class="playCount">播放量:${playCount}</p>
</div>
</a>
</div>
`);
})
}, 'json')
}
如有帮助给个采纳谢谢
function getHotTags() {
$.ajax({
url: './json/hotTags.json', // 请求的JSON文件路径
type: 'get', // 请求类型为GET
dataType: 'json', // 期望返回的数据类型为JSON
async: false, // 设置为同步请求
success: function(data) { // 请求成功回调函数
var tags = data.tags; // 获取tags数据
$(tags).each(function(index, item) { // 遍历tags数组
//获取热门分类导航,将item.name作为链接文本添加到id为'hotTag'的元素中
$('#hotTag').append(`<li><a href="#">${item.name}</a></li>`);
})
}
})
}
//获取playlists标签
function getPlaylists(tag) {
//根据tag获取对应的JSON文件
$.get(`./json/${tag}.json`, {}, function(data) {
var playlists = data.playlists; // 获取playlists数组
$("#playlists").empty(); // 清空id为'playlists'的元素内容
$(playlists).each(function(index, item) { // 遍历playlists数组
var playCount = formatPlayCount(item.playCount); // 格式化播放量
// 构建playlists的HTML结构,并将其追加到id为'playlists'的元素中
$('#playlists').append(`
<div class="col-xs-6 col-sm-6 col-md-3">
<a class="thumbnail">
<img src="${item.coverImgUrl}" alt="...">
<div class="caption">
<h5>${item.name}</h5>
<p class="playCount">播放量:${playCount}</p>
</div>
</a>
</div>
`);
})
}, 'json') // 指定返回的数据类型为JSON
}
两个函数都是在读取文件,渲染dom元素
Bad:
function createFile(string $name, bool $temp = false): void
{
if ($temp) {
touch('./temp/' . $name);
} else {
touch($name);
}
}
Good:
function createFile(string $name): void
{
touch($name);
}
function createTempFile(string $name): void
{
touch('./temp/' . $name);
}