I read through the twitch API documentation and got a Client id as stated on their website but still the API doesn’t seem to respond even when the API is typed i the browser.
Here is the code:
var url="https://api.twitch.tv/kraken/streams/freecodecamp?callback=?";
$.ajax({
type:‘GET’,
dataType:‘jsonp’,
//dataType:jsonp,
url:url,
header:{
‘Client_ID’:“stfuvm4k8xr8o0iv4xzve3p56pt76y”
},
success : function(data){
console.log(data);
}
});
Here is the link to my pen:
https://codepen.io/ryoko1/pen/VWBwea
The main problem that I am facing is that when I type the URL in the browser with the client id I am getting a 400 error
Which url are you typing into the browser? When I tried it I got a correct result:
https://api.twitch.tv/kraken/streams/freecodecamp?client_id=stfuvm4k8xr8o0iv4xzve3p56pt76y
Instead of headers
use the pre-request callback function beforeSend
.
Also set dataType: 'json'
and remove ?callback=?
at the end of your url.
$.ajax({
url: 'https://api.twitch.tv/kraken/streams/freecodecamp',
type: 'GET',
dataType: 'json',
beforeSend: function(xhr) {
xhr.setRequestHeader('Client-ID', 'stfuvm4k8xr8o0iv4xzve3p56pt76y');
},
success: function(data) {
console.log(data);
}
});