From 33edc1d9200ce60b59f1b3f5924c3282512caa4e Mon Sep 17 00:00:00 2001 From: rayhanp1402 <rayhan.hanif14maulana@gmail.com> Date: Thu, 16 Nov 2023 19:06:56 +0700 Subject: [PATCH] ajax to node --- src/admin/gym/index.php | 3 ++- src/public/javascript/gym/trainer.js | 27 +++++++++++++++++++++++---- 2 files changed, 25 insertions(+), 5 deletions(-) diff --git a/src/admin/gym/index.php b/src/admin/gym/index.php index 76b8109..f1bad41 100644 --- a/src/admin/gym/index.php +++ b/src/admin/gym/index.php @@ -121,7 +121,8 @@ AuthMiddleware::getInstance()->secureRoute(true); <script src="/public/javascript/gym/trainer.js"></script> <script> // getGymTrainers(<?php echo $gym_id ?>); - getGymApplication(<?php echo $gym_id ?>); + // getGymApplication(<?php echo $gym_id ?>); + getTrainersByGymId(<?php echo $gym_id ?>); </script> </body> diff --git a/src/public/javascript/gym/trainer.js b/src/public/javascript/gym/trainer.js index d54618d..be6e581 100644 --- a/src/public/javascript/gym/trainer.js +++ b/src/public/javascript/gym/trainer.js @@ -28,11 +28,30 @@ let trainer_1 = { let trainerData = [trainer_1, trainer_2]; -// Functions -// function getGymTrainers(gymId) { -// showGymTrainers(trainerData); -// } +function getTrainersByGymId(gymId) { + const xhr = new XMLHttpRequest(); + const apiUrl = `http://localhost:3000/api/trainer?gym_id=${gymId}`; + + xhr.open("GET", apiUrl, true); + xhr.setRequestHeader("X-API-KEY", "mbdmatkul4sks"); + + xhr.withCredentials = true; + + xhr.onreadystatechange = function () { + if (this.readyState === 4) { + if (this.status === 200) { + const trainersData = JSON.parse(this.responseText); + console.log("Trainers data:", trainersData); + } else { + console.error("Error fetching trainers data"); + } + } + }; + + xhr.send(); +} + function showGymTrainers(data) { const gymTrainerList = document.getElementById("gym-trainer-list"); gymTrainerList.innerHTML = ""; -- GitLab