tianyunperfect
/
web-base--


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<!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');
            const title = urlParams.get('title');

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

                        // 将list页面添加到DOM中
                        $('#list').html(listHtml);
                    }
                }
            });
        });
    </script>
</head>
<body>
<p>版本如下：</p>
<ul id="list"></ul>
</body>
</html>