107-Login state interface 3/login state table, login_show()

Refer to the boss article: 107

database

Insert picture description here

js function --login_show

function login_show() {
        //显示蒙层,设置好蒙层的层级关系在调试层下,在其他元素之上
        document.getElementById('mengceng').style.display = 'block';
        document.getElementById('mengceng').style.zIndex = '998';
        document.getElementById('login_set_div').style.zIndex = '999';
        document.getElementById('login_set_div').style.display = 'block';
        $.get('/project_get_login/', {
            "project_id":{{project.id}}
        }, function (ret) {
            console.log(ret);
            // 运行第三方表格插件的函数:
            $('#login_mytable').SetEditable({
                $addButton: $('#login_add'),
            });
            $('#login_mytable2').SetEditable({
                $addButton: $('#login_add2'),
            });
            document.getElementById('login_method').value = ret.api_method;
            document.getElementById('login_url').value = ret.api_url;
            document.getElementById('login_host').value = ret.api_host;
            document.getElementById('login_header').value = ret.api_header;
            document.getElementById('login_response_set').value = ret.set;
            // 请求体编码格式
            var body_method = '#' + ret.body_method;

            $("li a[href=" + body_method + "]").click();
            // 请求体显示
            if (ret.body_method == 'login_Text') {
                document.getElementById('login_raw_Text').value = ret.api_body;
            }
            if (ret.body_method == 'login_JavaScript') {
                document.getElementById('login_raw_JavaScript').value = ret.api_body;
            }
            if (ret.body_method == 'login_Json') {
                document.getElementById('login_raw_Json').value = ret.api_body;
            }
            if (ret.body_method == 'login_Html') {
                document.getElementById('login_raw_Html').value = ret.api_body;
            }
            if (ret.body_method == 'login_Xml') {
                document.getElementById('login_raw_Xml').value = ret.api_body;
            }
            if (ret.body_method == 'login_form-data') {
                var tbody = document.getElementById('login_mytbody'); // 定位表格中的tbody部分
                body = eval(ret.api_body); //把这个像列表的字符串请求体变成真正的列表
                for (var i = 0; i < body.length; i++) { // 遍历这个请求体列表
                    key = body[i][0]; //拿出每一个键值对的key
                    value = body[i][1];//拿出每一个键值对的value
                    var childs_tr = tbody.children;//获取到这个表格下面所有的tr组成的大列表
                    // 每个tr下的children得到的是 td列表,只有俩个。
                    childs_tr[i].children[0].innerText = key; //第一个td放key
                    childs_tr[i].children[1].innerText = value;//第二个td放value
                    //判断是否是最后一次遍历,来决定是否点击新增参数按钮
                    if (i < body.length - 1) {
                        document.getElementById('login_add').click()
                    }
                }
            }
            if (ret.body_method == 'login_x-www-form-urlencoded') {
                var tbody = document.getElementById('login_mytbody2'); // 定位表格中的tbody部分
                body = eval(ret.api_body); //把这个像列表的字符串请求体变成真正的列表
                for (var i = 0; i < body.length; i++) { // 遍历这个请求体列表
                    key = body[i][0]; //拿出每一个键值对的key
                    value = body[i][1];//拿出每一个键值对的value
                    var childs_tr = tbody.children;//获取到这个表格下面所有的tr组成的大列表
                    // 每个tr下的children得到的是 td列表,只有俩个。
                    childs_tr[i].children[0].innerText = key; //第一个td放key
                    childs_tr[i].children[1].innerText = value;//第二个td放value
                    //判断是否是最后一次遍历,来决定是否点击新增参数按钮
                    if (i < body.length - 1) {
                        document.getElementById('login_add2').click()
                    }
                }
            }
            if (ret.body_method == "login_GraphQL") {
                body_plan_G_Q = ret.api_body.split('*WQRF*')[0];
                body_plan_G_G = ret.api_body.split('*WQRF*')[1];
                document.getElementById('login_body_plan_G_Q').value = body_plan_G_Q;
                document.getElementById('login_body_plan_G_G').value = body_plan_G_G;
            }
        })
    }

js function --login_close

function login_close() {
        document.location.reload();
    }

Finish effect

Insert picture description here


Insert picture description here


Insert picture description here
Insert picture description here