发表于: 2021-04-08 23:42:45

1 959


今天完成的事情:

完成数据交互


设置数据任务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 = 0i < list.lengthi++) {
                        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.侧边栏点击一次过后再点击就没有事件,怎么修改


返回列表 返回列表
评论

    分享到