layui后台管理系统的坑

<script>

    //公共js页
    //修改的iframe 接列表传来的值， 封装好直接调用， 具体是啥意思我也不知道  —_—||
    function  GetQueryString(name) {
        var  reg = new  RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var  r = window.location.search.substr(1).match(reg);
        if(r != null) return   unescape(r[2]);
        return  null;
    }

    //list:数组
    //key:主键名称
    //val:组件的值  封装了一个方法， 方便在edit里面取 id， 不用每次都for循环
    function getListItemByKey(list, key, val) {
        if(list != null) {
            for(var i = 0; i < list.length; i++) {
                if(list[i][key] == val) {
                    return list[i];
                }
            }
        }
    }

    // list页
    function edit(id) {
        let obj = getListItemByKey(list, "id", id);
        // let title = getListItemByKey(list,"title",title);
        // 传输的是中文的话，传到下一页会乱码，需要encodeURI();进行转码
        // 两次转码，之后到update页再解码， 由于是传id 在下一页重查， 所以没传， 而且传输大量中文的话容易出现问题
        // let title = encodeURI(encodeURI(obj.title));
        // console.log(title)
        let modelName = '修改信息';
        // var timestamp = (new Date()).getTime()/1000;   //由于浏览器相同地址会默认有缓存，加上时间戳变会认为打开的不是同一个网址， 不过layui默认iframe 打开的
        // 不是同一个网址， 所以时间戳没用上， 便注释掉了
        var url = '../case_update/yj.html?id=' + id;    //传值将id 传到下一页，在下一页重新查询一遍需要修改的信息，显示在页面上
        x_admin_show(modelName, url);  // layui自带的方法，用来跳转到哪一页
    }

    // update 页
    // 调用封装好的方法， 获得上一页欻传来的id
    var id = GetQueryString("id");

    $.ajax({
        type: 'post',
        url: url + '',
        dataType: "json",
        async: true,
        data: {
            id: id
        },
        success: function(data) {
            // 由于修改是用form表单提交， 所以要把获取的值放进form表单中
            $('input[name="case_id"]').val(data.obj[0].id); // 放入的属性是name=""
            $('#title').val(data.obj[0].title); // 放入的属性是id=""
        }
    });

    //修改图片
    var photoes = [];

    $("#photo").change(function() {
        var file = this.files[0];
        photoes.push(file);
        var filereader = new FileReader();
        filereader.onload = function(e) {
            var base64 = e.target.result;  //转成base64 显示在页面上
            $("#photos").append("<img class="appedphoto" src="" + base64 + "" />");
        }
        filereader.readAsDataURL(file);
    });

    $("#upload").click(function() {

        if (photoes.length == 0) {
            update_case();
            return;
        }

        var formData = new FormData(document.getElementById("ff"));  // ff为表单的id

        for (var i = 0; i < photoes.length; i++) {
            formData.append("CaseImages", photoes[i]);  // CaseImages 后台图片对应的字段
        }

        $.ajax({
            type: "post",
            url: url + "add",
            data: formData, //formData 里面啥都有
            dataType: "json",
            contentType: false,
            processData: false,
            success: function () {
                var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                parent.location.reload(); //刷新列表页， 也就是list页， 是update页的父级
                parent.layer.close(index); //找到当前窗口，关闭当前窗口
            }
        });
    });

    function update_case() {
        $.post(url + "update_info.xsh", {
            id: GetQueryString("id"),
            case_num: $("#case_num").val(),
            title: $("#title").val(),
        },
        function() {
            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
            parent.location.reload(); //刷新列表页， 也就是list页， 是update页的父级
            parent.layer.close(index); //找到当前窗口，关闭当前窗口
        })
    }


    //修改时删除已经存好的图片
    //获得删除的id
    $(document).on('click', '.del-btn', function() {
        let id = "'" + $(this).attr('alt') + "'";
        let index = $(this).parent().parent().index();
        layer.confirm('确认要删除吗？', function() {
            //删除
            $.ajax({
                type: 'post',
                url: url + 'delete.xsh',
                dataType: "json",
                async: true,
                data: {
                    id: id
                },
                success() {
                    $('tbody tr:eq(' + index + ')').remove();
                    layer.msg('删除成功', {
                        icon: 1
                    });
                }
            });
        });
    })

</script>