<style> body { background-color: #01060d; } .bg-color{ background-color: #161666; } .btn-custom { color: #fff; background-color: #193387; border-color: #ffffff; } .btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .open>.dropdown-toggle.btn-custom { color: #fff; background-color: #193387; border-color: #ffffff; } </style> <script> // prepare fetch GET options const options = { method: 'GET', // *GET, POST, PUT, DELETE, etc. // mode: 'cors', // no-cors, *cors, same-origin cache: 'default', // *default, no-cache, reload, force-cache, only-if-cached credentials: 'include', // include, same-origin, omit headers: { 'Content-Type': 'application/json' // 'Content-Type': 'application/x-www-form-urlencoded', }, }; // fetch("https://mrr.rebeccaaa.tk/hello", options) fetch("http://localhost:8023/hello", options) // response is a RESTful "promise" on any successful fetch .then(response => { // check for response errors if (response.status !== 200) { error('GET API response failure: ' + response.status); return; } // valid response will have JSON data response.json().then(data => { console.log(data); }) }); // Something went wrong with actions or responses function error(err) { // log as Error in console console.log(err); } </script> PROFILE EMAIL BIG TEAM NAMES PERIOD Update Profile <script> const storedData = JSON.parse(localStorage.getItem('ID')); console.log(storedData); // prepare fetch urls const base_url = "http://localhost:8023/api/team/"; // const base_url = "https://mrr.rebeccaaa.tk/api/team/"; const get_by_id = base_url + storedData; // fetch the API fetch(get_by_id, options) // response is a RESTful "promise" on any successful fetch .then(response => { // check for response errors if (response.status !== 200) { error('GET API response failure: ' + response.status); return; } // valid response will have JSON data response.json().then(data => { console.log(data); document.getElementById("bigteam").innerHTML = data.bigteam; document.getElementById("email").innerHTML = data.email; document.getElementById("period").innerHTML = data.period; }) }) // catch fetch errors (ie Nginx ACCESS to server blocked) .catch(err => { error(err + " " + get_by_id); }); </script>