tianyunperfect
/
web-base--


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>所有版本</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            // 获取url中的参数a和title
            const urlParams = new URLSearchParams(window.location.search);
            const a = urlParams.get('a');

            // 异步请求数据
            $.ajax({
                url: `https://api.tianyunperfect.cn/excalidraw/get_by_id?id=${a}`,
                method: 'GET',
                success: function (response) {
                    if (response.code === 1) {
                        // 拼接list页面
                        let listHtml = '';
                        response.data.forEach(function (item) {
                            const version = item.version;
                            const title = item.name;
                            if (!version) {
                                return;
                            }
                            const url = `https://excalidraw.tianyunperfect.cn/?a=${a}&version=${version}`;
                            listHtml += `<li><a href="${url}" target="_blank">${title}_${version}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <button class="delete-btn" data-a="${a}" data-title="${title}" data-version="${version}">删除</button></li>`;
                        });

                        // 将list页面添加到DOM中
                        $('#list').html(listHtml);
                        // 绑定删除按钮点击事件
                        $('.delete-btn').click(function () {
                            if (confirm('确认要删除吗？')) {
                                const a = $(this).data('a');
                                const title = $(this).data('title');
                                const version = $(this).data('version');
                                deleteData(a, title, version);
                            }
                        });
                    }
                }
            });
        });

        function deleteData(a, title, version) {
            $.ajax({
                url: `https://api.tianyunperfect.cn/excalidraw/delete_by_id?id=${a}&version=${version}`,
                method: 'DELETE',
                success: function (response) {
                    if (response.code === 1) {
                        window.location.reload(); // 刷新页面
                    } else {
                        alert(response.message);
                    }
                },
                error: function () {
                    alert('删除失败');
                }
            });
        }
    </script>
</head>
<body>
<p>版本如下：</p>
<ul id="list"></ul>
</body>
</html>