ajax在codeigniter视图中不起作用

$(document).ready(function() {
    $('#myButton').click(function() {
        $.ajax({
            url: '<?php echo base_url('controller/method'); ?>',
            type: 'POST',
            data: {key: 'value'},
            success: function(response) {
                $('#result').html(response);
            },
            error: function(xhr, status, error) {
                console.log("Error: " + error);
            }
        });
    });
});

class Controller_name extends CI_Controller {
    public function method() {
        $data = $this->input->post('key');
        // 处理数据...
        echo $data; // 返回响应
    }
}

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST");
header("Access-Control-Allow-Headers: Content-Type");

$.ajax({
    url: '<?php echo base_url('controller/method'); ?>',
    type: 'POST',
    dataType: 'json', // 预期服务器返回的数据类型
    data: {key: 'value'},
    success: function(response) {
        console.log(response);
    },
    error: function(xhr, status, error) {
        console.log("Error: " + error);
    }
});

echo json_encode(array('status' => 'success', 'message' => 'Data received'));