AJAX与MySQL异步更新：常见问题、安全实践与优化技巧

<?php 
    $root = realpath(str_replace('\', '/', $_SERVER['DOCUMENT_ROOT']) ); 
    include ($root . '/insights/ss/onix.php'); 

    $result = mysqli_query($mysqli,"select * from notifications where seen = 0");
    if ($result){
        if($result->num_rows) {
            while($row = mysqli_fetch_assoc($result)){
?> 

<div class='alert alert-success alert-dismissible' role='alert' style='margin-left:-12px;'>
    <button type="button" class="close" data-id="<?=$row['id'];?>" data-dismiss="alert" aria-label="Close" style="float:left!important; border:0; background:none;">
        <span aria-hidden="true">&times;</span>
    </button>

    <strong>
        <span class="text-success" style="margin-top:-50px;">
            <i class='fa fa-check'></i>
               File has been moved successfully
        </span>
    </strong>
    <br>
    To confirm reading this message please press X button 
</div>

<?php
           }
        }
    }
?>

<script>
    function updateId(e){
        // 阻止事件冒泡，避免影响父元素的事件或Bootstrap的data-dismiss功能
        e.stopPropagation();

        // 获取点击按钮的data-id属性值
        // 如果点击的是span而非button本身，则通过parentNode获取button
        let id = e.target.dataset.id || e.target.parentNode.dataset.id;

        // 使用Fetch API发送GET请求
        fetch( 'dismisssuccess.php?id=' + id )
            .then(response => response.text()) // 将响应解析为文本
            .then(text => console.log(text))   // 在控制台打印响应内容
            .catch(error => console.error('Error:', error)); // 捕获并处理错误
    }

    // 为所有带有data-id属性的关闭按钮添加点击事件监听器
    document.querySelectorAll('div[role="alert"] button[data-id]').forEach(button => {
        button.addEventListener('click', updateId);
    });
</script>

<?php 

    if( !empty( $_GET['id'] ) ){

        $id = $_GET['id'];
        $ip = getenv('REMOTE_ADDR'); // 获取客户端IP地址

        $root = realpath(str_replace('\', '/', $_SERVER['DOCUMENT_ROOT']) );
        include ($root . '/insights/ss/onix.php'); // 假设onix.php包含$mysqli数据库连接

        // 1. 准备SQL语句：使用问号(?)作为参数占位符
        $sql = 'UPDATE `notifications` SET `seen`=1, `seenby`=? WHERE `id`=?';

        // 2. 创建预处理语句对象
        $stmt = $mysqli->prepare($sql);

        // 检查预处理是否成功
        if ($stmt === false) {
            exit('SQL prepare failed: ' . $mysqli->error);
        }

        // 3. 绑定参数：'ss' 表示两个参数都是字符串类型
        // 第一个's'对应$ip，第二个's'对应$id
        $stmt->bind_param('ss', $ip, $id);

        // 4. 执行预处理语句
        $execute_success = $stmt->execute();

        // 5. 获取受影响的行数，判断更新是否成功
        $rows_affected = $stmt->affected_rows;

        // 6. 关闭预处理语句
        $stmt->close();

        // 根据受影响的行数返回结果
        if ($execute_success && $rows_affected > 0) {
            exit('Success');   
        } else {
            // 如果执行失败或没有行受影响，则返回错误信息
            exit('There is some error or no rows were updated.');
        }
    } else {
        exit('Invalid ID provided.'); // 如果ID未提供或为空，则返回错误
    }
?>