如何使用ajax将多个数据从控制器发送到页面html

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="dataContainer"></div>

$data1 = "Data 1";
$data2 = "Data 2";
$data3 = "Data 3";

$data = array(
    "data1" => $data1,
    "data2" => $data2,
    "data3" => $data3
);

// 或者使用数组
$data = array($data1, $data2, $data3);

// 将数据转换为JSON格式
$jsonData = json_encode($data);

header('Content-Type: application/json');
echo $jsonData;

$.ajax({
    url: 'your_controller_url',
    type: 'GET',
    dataType: 'json',
    success: function(response) {
        // 处理返回的数据
        var data1 = response.data1;
        var data2 = response.data2;
        var data3 = response.data3;

        // 将数据显示在页面上
        $('#dataContainer').html('Data 1: ' + data1 + '<br>' +
                                  'Data 2: ' + data2 + '<br>' +
                                  'Data 3: ' + data3);
    },
    error: function(xhr, status, error) {
        // 处理错误
        console.log(error);
    }
});