Merhabalar
Ajaxlı javascript sistemi yazmaya çalışıyorum fakat javascript bilgim az yardım ederseniz sevinirim

Ajax kodum :

$.ajax({
      type: "POST",
      url: 'ajax.php',
      data: "ajax=chat&rec="+$(this).attr("data-id"),
      success: function(data){
        $("#gostermesaj").html(data);
      }
    });

burada success edildikten sonra çıkan sonuçları alabilmek istiyorum

Array ( [chat] => Array ( [date] => 1697748803 [value] => Test22222 ) [rec] => Array ( [name] => Topraks [surname] => Yelen [phone] => 5555555) )

data mesajımın çıktısı bu

$("#gostermesaj").html(x.rec.name) yazınca Topraks yapmak istiyorum ama yapamadım yardımcı olursanız sevinirim
PHP Kodum

    foreach($chat as $data) {
        $array['chat'] = [
            "date" => $data['date'],
            "value" => $data['value']
        ];
    }
    $array['rec'] = [
        "name" => $recs['name'],
        "surname" => $recs['surname'],
        "phone" => $recs['phone']
    ];
    print_r($array);