tianyunperfect
/
web-base--


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
<label for="name">选择name：</label>
<select id="name">
    <option value="">加载中...</option>
</select>
<ul id="list"></ul>
<script>

    $(function() {
        if (!checkLogin()) {
            return;
        }
        $.getJSON('https://api.tianyunperfect.cn/excalidraw/all_name', function(result) {
            if (result.code === 1) {
                let names = result.data;
                let selectHtml = '';
                for (let i = 0; i < names.length; i++) {
                    selectHtml += '<option value="' + names[i].name + '">' + names[i].name + '</option>';
                }
                $('#name').html(selectHtml);
                $('#name').val(names[0].name);
                loadList(names[0].name);
            } else {
                alert(result.message);
            }
        });

        $('#name').change(function() {
            let name = $(this).val();
            loadList(name);
        });

        function loadList(name) {
            $.getJSON('https://api.tianyunperfect.cn/excalidraw/get_by_name?name=' + name, function(result) {
                if (result.code === 1) {
                    let data = result.data;
                    let listHtml = '';
                    for (let i = 0; i < data.length; i++) {
                        let a = data[i].id;
                        let title = data[i].name;
                        let version = data[i].version;
                        let url = 'https://excalidraw.tianyunperfect.cn/?a=' + a + '&title=' + title + '&version=' + version;
                        listHtml += '<li><a href="' + url + '" target="_blank">' + title + '_' + version + '</a></li>';
                    }
                    $('#list').html(listHtml);
                } else {
                    alert(result.message);
                }
            });
        }
    });
</script>
</body>
</html>