基于AJAX与PHP/MySQL实现成绩百分比数据保存教程

        $('#percentage-form').submit(function(e){
            e.preventDefault(); // 阻止表单默认提交行为
            $('.pop_msg').remove(); // 清除旧的提示信息
            var _this = $(this);
            var total = $('#total').text();
                total = total.replace(/\%/gi,''); // 移除百分号
                console.log(total);

            // 客户端总百分比验证
            if(parseFloat(total) !== 100)
            {
                alert("Total Percentage must be 100%");
                return false;
            }

            var _el = $('<div>');
                _el.addClass('pop_msg');
            $('#uni_modal button').attr('disabled',true); // 禁用按钮防止重复提交
            $('#uni_modal button[type="submit"]').text('submitting form...'); // 更新按钮文本

            // 发送AJAX请求
            $.ajax({
                url:'./Actions.php?a=save_percentage', // 请求的URL，包含动作参数
                method:'POST',
                data:$(this).serialize(), // 序列化表单数据
                dataType:'JSON',
                error:err=>{ // 错误处理
                    console.log(err);
                    _el.addClass('alert alert-danger');
                    _el.text("An error occurred.");
                    _this.prepend(_el);
                    _el.show('slow');
                     $('#uni_modal button').attr('disabled',false);
                     $('#uni_modal button[type="submit"]').text('Save');
                },
                success:function(resp){ // 成功处理
                    if(resp.status == 'success'){
                        _el.addClass('alert alert-success');
                        $('#uni_modal').on('hide.bs.modal',function(){
                            location.reload(); // 成功后刷新页面
                        });
                    }else{
                        _el.addClass('alert alert-danger');
                    }
                    _el.text(resp.msg); // 显示服务器返回的消息

                    _el.hide();
                    _this.prepend(_el);
                    _el.show('slow');
                     $('#uni_modal button').attr('disabled',false);
                     $('#uni_modal button[type="submit"]').text('Save');
                }
            });
        });

<?php 

Class Actions{
    // ... 其他代码 ...
    function save_percentage(){
        extract($_POST); // 提取POST数据到变量
        $data = "";
        foreach($component_id as $k => $v){
            if(!empty($data)) $data .= ", ";
            $data .= "('$id','{$v}','{$percentage[$k]}')";
        }
        if(!empty($data))
        // 尝试执行DELETE和INSERT操作
        $this->query("DELETE FROM `component_subject_percentage` where `subject_id` = '{$id}'");
        $sql = "INSERT INTO `component_subject_percentage` (`subject_id`,`component_id`,`percentage`)VALUES {$data}";
        $insert = $this->query($sql); // 问题所在：`$this`对象没有`query`方法

        if($insert){
            $resp['status'] ='success';
            $resp['msg'] = "Data successfully saved";
        }else{
            $resp['status'] ='failed';
            $resp['msg'] = "Data fails to save. Error: ". $this->lastErrorMsg(); // 问题所在：`$this`对象没有`lastErrorMsg`方法
            $resp['sql'] = $sql;
        }
        return json_encode($resp);
    }
}
// ... 实例化和调度代码 ...

<?php 

Class Actions{
    public $sql; // 声明一个公共属性来存储mysqli连接对象

    function __construct(){
        // 在构造函数中初始化mysqli连接
        $this->sql = new mysqli("localhost", "root", "", "resultgrading");
        // 检查连接是否成功
        if($this->sql->connect_error){
            die("Connection Failed: " . $this->sql->connect_error);
        }
    }

    function save_percentage(){
        // 注意：extract($_POST) 存在严重安全隐患，应避免使用。
        // 为演示目的暂时保留，但后续会给出更安全的替代方案。
        extract($_POST); 

        $data = "";
        // 遍历组件ID和百分比，构建SQL VALUES部分
        foreach($component_id as $k => $v){
            if(!empty($data)) $data .= ", ";
            // 注意：直接拼接变量到SQL字符串存在SQL注入风险
            $data .= "('$id','{$v}','{$percentage[$k]}')";
        }

        if(!empty($data)){
            // 先删除现有数据
            // 注意：这里同样存在SQL注入风险
            $this->sql->query("DELETE FROM `component_subject_percentage` where `subject_id` = '{$id}'");
        }

        // 构建INSERT语句
        $mb = "INSERT INTO `component_subject_percentage` (`subject_id`,`component_id`,`percentage`)VALUES {$data}";
        // 执行INSERT操作
        $insert = $this->sql->query($mb);

        if($insert){
            $resp['status'] ='success';
            $resp['msg'] = "Data successfully saved";
        }else{
            $resp['status'] ='failed';
            // 使用$this->sql->error 获取错误信息
            $resp['msg'] = "Data fails to save. Error: ". $this->sql->error; 
            $resp['sql'] = $mb; // 修正为实际执行的SQL语句变量
        }
        return json_encode($resp);
    }

    // 析构函数，在对象销毁时关闭数据库连接
    function __destruct(){
        if($this->sql){
            $this->sql->close();
        }
    }
}

// 实例化Actions类并根据GET参数调用相应方法
$a = isset($_GET['a']) ?$_GET['a'] : '';
$action = new Actions();
switch($a){
    case 'save_percentage':
        echo $action->save_percentage();
    break;
    default:
    // 默认动作，可根据需求添加
    break;
}