How do I fetch JSON data with headers in JavaScript?

How do I fetch JSON data with headers in JavaScript?

You can use the Fetch API. Here's a basic example:

fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Authorization': 'Bearer YOUR_TOKEN',
    'Content-Type': 'application/json'
  }
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

What if I need to send a POST request with JSON data?

For a POST request, you can modify the fetch call like this:

fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Authorization': 'Bearer YOUR_TOKEN',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ key: 'value' })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

Can I add more headers if needed?

Yes, you can add as many headers as you need in the headers object. Just follow the same format.