Como usar o fetch do javascript para pegar uma resposta do php? [RESOLVIDO]

karl98
(usa Outra)

Enviado em 20/06/2020 - 12:23h

Estou tetando pegar uma resposta do php usando um requisição fetch mas sempre da undefined o código js é esse:

let search = () => {
    let age = document.querySelector("#age");
    selectPlan();
    age.addEventListener('onchange', selectPlan());

}

const showData = (result) => {
    for (const field in result) {
        console.log(field);
    }
}

const selectPlan = () => {

    const options = {
        method: 'GET',
        mode: 'cors',
        cache: 'default'
    }
    fetch(`./modules/select.php?age=${age.options[age.selectedIndex].value}`, options)
        .then(response => {
            response
                .then(data => showData(data));
        }).catch(e => console.log("Erro: " + console.log(`./modules/select.php?age=${age.options[age.selectedIndex].value}`)))
};

window.onload = () => {
    search();
} 

e o código php é esse:

if(!file_exists(require_once('../bd/connection.php')))
        require_once('../bd/connection.php');
        
        
    $connection = connection();

    $age = $_GET['age'];
    $sql = "SELECT * FROM tbl_plans WHERE age_range='$age'";
    $select = (mysqli_query($connection, $sql));
    $rsSelect = mysqli_fetch_assoc($select);
    if($rsSelect == null){
        return var_dump($sql);
    }
    //$rsSelect=json_encode($rsSelect);
    //var_dump($rsSelect);
    return $rsSelect; 

é algo bem simples mas não consigo fazer funcionar estou tentando desde ontem. Alguém sabe o que estou fazendo de errado?
Detalhe se pego o console.log do endereço que estou requisitando e jogo no navegador igualzinho vem o navegador carrega as informações que estou esperando.