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.