友链检测


<!-- 安辰博客：www.zh52.cn -->

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>友情链接 Checker</title>

    <!-- 使用 Bootstrap CDN 加载样式文件 -->
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">

    <!-- 使用 jQuery CDN 加载 jQuery -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <style>
        /* 移动端优化 */
        @media (max-width: 767px) {
            body {
                font-size: 14px;
            }
        }
    </style>
</head>
<body class="container">


<h4 class="mt-4">友情链接检测</h4>

<table class="table table-striped table-bordered">
    <thead>
        <tr>
            <th scope="col">My URL</th>
            <th scope="col">Target URL</th>
            <th scope="col">Message</th>
        </tr>
    </thead>
    <tbody id="resultTableBody">

    </tbody>
</table>

<script>
    // 本站
    var myurl = "https://blog.zh52.cn";
    
    // 检测的站点
    var targetUrls = [
        
        "https://zh52.cn",
        // 添加更多网站...
    ];


    targetUrls.forEach(function(targetUrl) {

        var apiUrl = "https://api.ahfi.cn/api/linkcheck?myurl=" + encodeURIComponent(myurl) + "&targeturl=" + encodeURIComponent(targetUrl);

    // 不调用title 只展示Url
    //     $.ajax({
    //         url: apiUrl,
    //         type: "GET",
    //         success: function(result) {

    //             var row = "<tr><td>" + result.data.myurl + "</td><td>" + result.data.targeturl + "</td><td>" + result.data.message + "</td></tr>";
    //             $("#resultTableBody").append(row);
    //         }
    //     });
    // });

    // 调用title+Url展示
    $.ajax({
            url: apiUrl,
            type: "GET",
            success: function(result) {

                var targetInfo = result.data.title + " " + result.data.targeturl;  
                var row = "<tr><td>" + result.data.myurl + "</td><td>" + targetInfo + "</td><td>" + result.data.message + "</td></tr>";
                $("#resultTableBody").append(row);
            }
        });
    });
</script>

</body>
</html>

评论 (0)