Learn JavaScript: Making Web Requests

                                
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => {
  console.log(data); // This will print the JSON data as a JavaScript object
});
                              

                                
fetch('https://api.example.com/data')
.then(response => {
  if (response.ok) {
    return response.json();
  }
  throw new Error('Request failed!');
})
.then(data => {
  console.log(data); // Prints the data retrieved from the server
})
.catch(error => {
  console.error('Error:', error.message); // Prints any error that occurs during the request
});
                              

                                
fetch('https://api.example.com/submit', {
  method: 'POST',
  body: JSON.stringify({id: "200"})
})
.then(response => {
  if(response.ok){
    return response.json();  
  }
  throw new Error('Request failed!');
})
.then(data => {
  console.log(data); // Prints the response data
})
.catch(error => {
  console.error('Error:', error.message); // Prints any error that occurs during the request
});
                              

                                
const getSuggestions = async () => {
  const searchTerm = inputField.value;
  const endpoint = `${url}${queryParams}${searchTerm}`;
  try {
    const response = await fetch(endpoint, {cache: 'no-cache'});
    if(response.ok){
      const data = await response.json();
      console.log(data); // Prints the response data
    }
  } catch(error) {
    console.error('Error:', error.message); // Prints any error that occurs during the request
  }
};
                              

                                
fetch('https://api.example.com/submit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({name: 'John', age: 30})
})
.then(response => response.json())
.then(data => {
  console.log('Success:', data); // Prints the response from the server
})
.catch(error => {
  console.error('Error:', error.message); // Prints any error that occurs during the request
});
                              

                                
const fetchData = async () => {
  try {
    const response = await fetch('https://api.example.com/data');
    if (response.ok) {
      const data = await response.json();
      console.log(data); // Prints the response data
    }
  } catch (error) {
    console.error('Error:', error.message); // Prints any error that occurs during the request
  }
};