I'm creating a website in which the user can click buttons to retrieve information from the server which will then appear on the page.
Clicking on this button sends a request for the data. Looking at developer tools, I can see the request is successful however my code isn't doing anything with the response.
let response = fetch('http://127.0.0.1:3000/dylan/list', { mode: 'no-cors' })
.then(console.log("fetch sent"))
//console.log(response))
.then(response => {
return response.text()
console.log("response")
}).then(text => {
document.getElementById("folk").append(text)
console.log("response2")})
"folk" is a list that I want the response data to be added to. I think theres probably something wrong at or after the 5th line. Any help would be appreciated.
This is how it should looks like
let response = fetch('http://127.0.0.1:3000/dylan/list', { mode: 'no-cors' })
.then(console.log("fetch sent"))
.then(response => {
return response.text().then(text => {
document.getElementById("folk").append(text)
});
});
more details can be found on https://developer.mozilla.org/en-US/docs/Web/API/Response/text