如何通过AJAX get请求访问从php文件中以JSON检索的特定数据？

Question

我有一个PHP文件，试图从其中检索JSON格式的结果，并通过AJAX get请求在另一个html页中访问它。 我可以访问整个数据，但无法访问JSON数据的各个数据字段。 这是在控制台上打印时的实际数据：

[{"id":"1","name":"Amit","age":"26"},{"id":"2","name":"Alka","age":"26"}, 
{"id":"3","name":"Pragati","age":"25"}]     

现在，我的问题是如何仅附加接收到的JSON数据的第一个条目的名称？ data [0] .name似乎不起作用。

这是我的Javascript代码：

<script>
    // This script illustrates the use of load function in Jquery.
    let btn = $('button');

    btn.click(function(){
        $.get("query.php", function(data, status){
            console.log(data);
            $('.dummy').append(data);
        });
    });
</script>

这是我的“ query.php”文件的外观，该文件用于将SQL查询结果转换为JSON格式。

$myArray = array();
if ($result = $conn->query("SELECT * FROM sample")) {

while($row = $result->fetch_assoc())  {
    $myArray[]=$row;
   }
echo json_encode($myArray);
}