async function yourFunction() { //Most compact way to return a fetch
const response = await fetch('some-url', {});
const json = await response.json();
return json; //do here wathever with your json if you want to return
} //a specific part of it.
yourFunction().then(resp => {
console.log(resp); //Here you get the function response and print it
});
// Update fields in form based on API GET request
function update_form_fields(term, field){
fetch("/api/profiles/?format=json")
.then((response)=>{
return response.json();
}).then((data) => {
let profile = data.find(el => el[field] == term);
document.getElementById("name-input").value = profile.name;
document.getElementById("email-input").value = profile.email;
});}
//feth method
// - take the url as parameter
// - return a promise
// - pass response when resolved
// - pass error when rejected
// - the response has the http response information
// - use the .json() is used to get the body of the response
// - .json return a promise
// - resolve the promise with data as the argument
fetch("test.json")
.then(response =>{
return response.json();
}).then(data=>{
document.body.innerHTML = data.name;
console.log(data)
}).catch(error =>{
console.error(error)
})
fetch('https://shazam.p.rapidapi.com/search?term=kiss%20the%20rain&locale=en-US&offset=0&limit=5', {
// request method
method: 'GET',
// headers from the API documentation
headers: {
'X-RapidAPI-Key': '8bd90c4cffmsh2788964981ec641p113417jsn3d0aff3880f5',
'X-RapidAPI-Host': 'shazam.p.rapidapi.com'
}
})
.then((result) => result.json()) // result from API endpoint
.then((data) => console.log(data)) // result in json format
.catch((error) => console.log(error)); // catching the error should it occur
async function fetchText() {
let response = await fetch('/readme.txt');
let data = await response.text();
console.log(data);
}Code language: JavaScript (javascript)