Передать массив из php в javascript через ajax

Есть файл result.php, в котором берутся два значения из БД и записываются в массив. Нужно передать этот массив в файл result.js для дальнейшей работы с ним. Пока вместо желаемого мне результата, на конечную страницу (index.php, на которой вначале я прописал <?php include 'result.php'; ?>) выводится сам массив в формате json, а содержимое страницы пропадает. Пробовал делать и через POST, и через GET в Ajax'е, результат одинаковый. Буду благодарен любой помощи.

result.php:

<?php
    $dbhost = "localhost";
    $dbuser = "DB_USERNAME";
    $dbpassword = "DB_PASS";
    $databasename = "DB_NAME";

    $db = mysqli_connect($dbhost, $dbuser, $dbpassword, $databasename);
    
    $query = "SELECT Name, Surname FROM people ORDER BY ID DESC LIMIT 1";
    $result = mysqli_query($db, $query); 
    $row = mysqli_fetch_array($result);

    $name = $row['Name'];
    $surname = $row['Surname'];
    $data = ["name" => $name, "surname" => $surname];

    $json = json_encode($data);
    echo $json;

    mysqli_close($db);

    exit();
?>

В файле result.js получаю следующим образом:

$.ajax({
    url:'result.php',
    type:'POST',
    dataType:'json',
    success(data){
        var res = JSON.parse(data);
        alert(res);
    }
});