I'm trying to fetch data from Youtube API using jQuery and Ajax GET request with the required parameter, including "part". The GET request is ok (code 200), however when I see the data I'm getting an error 400 "required parameter: part". Could anyone give me some tip to overe this issue? This is part of my jQuery and the result of the ajax request is right below.
$(document).ready(function(){
console.log('doc ok');
$('#tag-search').submit(function(){
var search_term = {
q: "test"
};
search(search_term);
});
});
function search(search_term) {
console.log('searching ...');
console.dir(search_term);
var search_term = '';
var desireSearch = $ ('#tag').val();
var channelName = 'Iron_Maiden';
$.ajax({
method: 'GET',
url: '?',
part : 'contentDetails',
forUsername: channelName,
key: '(My personal key)',
dataType: 'jsonp'
})
.done(function(results){
var result = results.data;
console.log(result);
});
}
And this is what I got:
jQuery1900617815546458587_1453343296717 (
{
"error": {
"errors": [
{
"domain": "global",
"reason": "required",
"message": "Required parameter: part",
"locationType": "parameter",
"location": "part"
}
],
"code": 400,
"message": "Required parameter: part"
}
}
)
I'm trying to fetch data from Youtube API using jQuery and Ajax GET request with the required parameter, including "part". The GET request is ok (code 200), however when I see the data I'm getting an error 400 "required parameter: part". Could anyone give me some tip to overe this issue? This is part of my jQuery and the result of the ajax request is right below.
$(document).ready(function(){
console.log('doc ok');
$('#tag-search').submit(function(){
var search_term = {
q: "test"
};
search(search_term);
});
});
function search(search_term) {
console.log('searching ...');
console.dir(search_term);
var search_term = '';
var desireSearch = $ ('#tag').val();
var channelName = 'Iron_Maiden';
$.ajax({
method: 'GET',
url: 'https://www.googleapis./youtube/v3/channels?',
part : 'contentDetails',
forUsername: channelName,
key: '(My personal key)',
dataType: 'jsonp'
})
.done(function(results){
var result = results.data;
console.log(result);
});
}
And this is what I got:
jQuery1900617815546458587_1453343296717 (
{
"error": {
"errors": [
{
"domain": "global",
"reason": "required",
"message": "Required parameter: part",
"locationType": "parameter",
"location": "part"
}
],
"code": 400,
"message": "Required parameter: part"
}
}
)
Share
Improve this question
edited Feb 22, 2016 at 14:58
Ken Sharp
1,05410 silver badges22 bronze badges
asked Jan 21, 2016 at 2:50
Luis MassolaLuis Massola
251 silver badge4 bronze badges
1 Answer
Reset to default 7You need to use data: {}
in the $.ajax
request:
$.ajax({
method: 'GET',
url: 'https://www.googleapis./youtube/v3/channels?',
data: {
part : 'contentDetails',
forUsername: channelName,
key: '(My personal key)'
},
dataType: 'jsonp'
})
http://api.jquery./jquery.ajax/