举报功能 - 快速便捷的举报违规内容 - 常规

<style>
        #report-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #f44336;
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            z-index: 9999;
        }

        #report-form {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9998;
        }

        #report-form .modal-content {
            background-color: #fefefe;
            margin: 10% auto;
            padding: 20px;
            border: 1px solid #888;
            width: 80%;
        }

        #report-form .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
        }

        #report-form .close:hover,
        #report-form .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <button id='report-button'>举报</button>
<pre><code>&lt;div id='report-form'&gt;
    &lt;div class='modal-content'&gt;
        &lt;span class='close'&gt;×&lt;/span&gt;

        &lt;form action='jubao.php' method='POST'&gt;
            &lt;label for='link'&gt;链接:&lt;/label&gt;
            &lt;input type='text' id='link' name='link' required&gt;

            &lt;input type='submit' value='提交'&gt;
        &lt;/form&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
    document.getElementById('report-button').addEventListener('click', function() {
        document.getElementById('report-form').style.display = 'block';
    });

    document.getElementsByClassName('close')[0].addEventListener('click', function() {
        document.getElementById('report-form').style.display = 'none';
    });

    document.getElementById('report-form').addEventListener('submit', function(e) {
        e.preventDefault(); // 阻止表单默认提交行为

        var link = document.getElementById('link').value;

        if (link.trim() !== '') {
            // 发送异步请求
            var xhr = new XMLHttpRequest();
            xhr.open('POST', 'jubao.php', true);
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 &amp;&amp; xhr.status === 200) {
                    // 显示举报成功的提示信息
                    alert(xhr.responseText);
                }
            };
            xhr.send('link=' + encodeURIComponent(link));
        } else {
            // 显示错误信息
            alert('链接不能为空');
        }
    });
&lt;/script&gt;
</code></pre>
</body>
</html>
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $link = $_POST['link'];
    
    // 检查链接是否为空
    if (!empty($link)) {
        // 打开文件
        $file = fopen('jubao.txt', 'a');
        
        // 写入链接
        fwrite($file, $link . '\n');
        
        // 关闭文件
        fclose($file);
        
        // 显示举报成功的提示信息
        echo '举报成功';
    } else {
        // 显示错误信息
        echo '链接不能为空';
    }
}
?>