发表于： 2021-04-08 23:42:45
1 961
今天完成的事情：
完成数据交互
设置数据任务6页面的ajax获取数据
$('#left-btn').click(function () {
$.ajax({
method: 'GET',
url: '/carrots-admin-ajax/a/article/search',
});
添加数据：
获取数据，设置成功时data
success: function (data) {
data = JSON.parse(data);
将data内的articleList转换为list
console.log(data);
list = data.data.articleList
// console.log(data.data.articleList);
console.log(list);
console.log(list.length);
创建一个变量
var templte = ""
数字list数组长度，遍历数组并使用变量存储表格
for (let i = 0; i < list.length; i++) {
templte = templte +
"<tr>" +
"<td>" + list[i].id + "</td>" +
"<td>" + list[i].title + "</td>" +
"<td>" + list[i].type + "</td>" +
"<td>" + list[i].createAt + "</td>" +
"<td>" + list[i].updateAt + "</td>" +
"<td>" + list[i].author + "</td>" +
"<td>" + list[i].status + "</td>" +
"<td>" + "<a>" + "上线" + "</a>" + "<a>" + "编辑" + "</a>" + "<a>" + "删除" + "</a>" + "</td>" +
"</tr>";
设置侧边栏样式
获取侧边栏的id
var odiv = document.getElementById('#ar');
添加点击事件，并且判断显示隐藏
$(".body_left_list_label").on('click', function () {
if (odiv.style.display=='none') {
$(this).children('i').css({
'transform': 'rotate(0)'
})
$("#ar").show()
} else {
$(this).children('i').css({
'transform': 'rotate(-90deg)'
})
$("#ar").show()
}
});
问题：
1.关于如何将数据中的
“list[i].status =1 修改为字符串上线；list[i].status =0 修改为字符串草稿”
// if (list[Array].status == 1) {
// list[Array].status == "上线"
// } else if (list[i].status == 2) {
// list[i].status == "操作"
// }
2.侧边栏点击一次过后再点击就没有事件，怎么修改
返回列表
评论