I am stuck with my first Node project. It is a Node server with one route (/data) to call the Eventbrite API for event data and then send the response back to the webpage. My webpage will be hosted on a different server than the Node project and I have a fetch request on the page to the route which then makes the Eventbright API call. Unfortunatly the response is still in a Promise state when the Node server sends back the response to the webpage. I've got everything in async functions, but it still isn't waiting. Here is my code.
// Node server getEvents is an async function that returns a response from the Eventbrite API.
const handleRequest = async (reqest, response) => {
const data = await getEvents();
if(reqest.url === 'http://127.0.0.1:3300/data'){
response.setHeader('Content-Type', 'application/json');
response.setHeader('Access-Control-Allow-Origin', '*');
// End and send the response
response.end(JSON.stringify(data));
}
}
const server = http.createServer(handleRequest);
const port = 3300;
server.listen(port, () => {
console.log(`Server running on port ${port}`);
});
// HTML webpage
<script type="text/javascript">
async function eventsList() {
try {
const response = await fetch('http://127.0.0.1:3300/data');
if(!response.ok) {
throw new Error('Network response was not ok');
}
const data = await response.json();
document.getElementById("events").textContent = data;
} catch(error) {
console.log("Error:", error);
}
}
eventsList()
</script>
SOCIAL SHARE CARD GENERATOR