|
|
@@ -0,0 +1,43 @@
|
|
|
+<!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}">${version}</a></li>`;
|
|
|
+ });
|
|
|
+
|
|
|
+ // 将list页面添加到DOM中
|
|
|
+ $('#list').html(listHtml);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<p>版本如下：</p>
|
|
|
+<ul id="list"></ul>
|
|
|
+</body>
|
|
|
+</html>
|
tianyun