Как получить доступ к конкретным данным, полученным в виде JSON из php-файла через запрос на получение AJAX?

Question

У меня есть файл PHP, из которого я пытаюсь получить результаты в формате JSON и получить к нему доступ на другой html-странице через запрос на получение AJAX. Я могу получить доступ ко всем данным, но не могу получить доступ к отдельным полям данных 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);
}